Next.js 16 Advanced Development Schulung

Übersicht über Next.js 16 und fortgeschrittene Architektur

• Wichtige Funktionen und Änderungen in Next.js 16.x
• Architektur und Designprinzipien des App Router
• Server Components vs. Client Components
• Rendering-Strategien: SSR, SSG, ISR und Streaming
• Konventionen und Best Practices für die Projektstruktur
• Performance-fokussiertes Anwendungsdesign

Fortgeschrittenes Routing und Navigation

• Verschachtelte Layouts und wiederverwendbare UI-Muster
• Routengruppen für strukturiertes Routing
• Parallele Routen für unabhängige Routenabschnitte
• Abfängende Routen und Modale Navigation
• Dynamisches Routing und Catch-All-Segmente
• Routen-Handler für benutzerdefinierte Endpunkte
• Middleware zur Abfrageabfängung

React Server Components und Server-Funktionen

• Tiefgreifender Einblick in das Modell der React Server Components
• Datenabruf auf dem Server
• Streaming-UI mit Suspense-Grenzen
• Fehlergrenzen und Fehlerbehandlung
• Lade-UI-Muster
• Partielles Rendering und selektives Neuladen

Server Actions und Formulare

• Architektur und Möglichkeiten von Server Actions
• Formularverarbeitung mit serverseitiger Ausführung
• Validierungsstrategien
• Optimistische UI-Aktualisierungen
• Pending-Zustände und Benutzerfeedback
• Datei-Uploads und progressive Verbesserung

Fortschrittlicher Datenabruf und Caching

• Fetch API in Next.js und Request Memoization
• Grundlagen des Data Cache
• Konfiguration des Route Cache
• Router Cache und Cache-Invalidation
• Revalidierungsstrategien: On-Demand und zeitbasiert
• Streaming-Datenmuster

Authentifizierung und Autorisierung

• Architektur der Authentifizierung in Next.js
• Muster zum Management von Sitzungen
• JWT-basierte Authentifizierungsflüsse
• OAuth-Integrationsstrategien
• Implementierung von Role-Based Access Control (RBAC)
• Routenschutz auf Middleware-Basis

Datenbankintegration und ORM

• Architekturbetrachtungen für Datenbanken
• Integration von PostgreSQL mit Next.js
• Einrichtung und Abfragen mit Prisma ORM
• Einführung und Migration mit Drizzle ORM
• Konfiguration des Connection Poolings
• Strategie für Datenbankmigrationen
• Repository-Muster für den Datenzugriff

API-Entwicklung

• Routen-Handler und Konventionen für API-Routen
• Implementierung von RESTful APIs
• Validierung von API-Anfragen
• Fehlerbehandlung und Antwortformatierung
• Endpunkte für Datei-Uploads
• Webhook-Integration und -Verifikation
• Rate Limiting und API-Sicherheit

Performance-Optimierung

• Bundles-Analyse und Optimierung
• Strategien zum Code Splitting
• Dynamische Imports für bedarfsgesteuertes Laden
• Optimierung der Image-Komponente
• Schriftartenoptimierung mit next/font
• Muster des Lazy Loading
• Techniken zur Optimierung der Core Web Vitals

Testen von Next.js-Anwendungen

• Unit-Testing-Strategien für Server- und Client-Code
• Komponententests mit Testhilfsmitteln
• Integrationstests für vollständige Datenflüsse
• End-to-End-Tests mit Playwright oder Cypress
• Mocking von APIs und Diensten
• Testen von Server Components
• Testen von Server Actions

Bereitstellung, DevOps und Monitoring

• Konfiguration des Produktions-Builds
• Management von Umgebungsvariablen
• Docker-Containerisierung für Next.js
• Einrichtung der CI/CD-Pipeline
• Überwachung und Protokollierung der Anwendung
• Fehlerverfolgung und -berichterstattung
• Performance-Monitoring in der Produktion

Fortschrittliche Muster und Abschlussprojekt

• Architekturmuster für Skalierbarkeit
• Strukturierung von Funktionen und Modulgrenzen
• Häufige Designmuster in Next.js-Anwendungen
• Multi-Tenant-Anwendungsarchitektur
• Durchlauf des Abschlussprojekts
• Kurszusammenfassung und Q&A-Sitzung