Next.js 16 – Fortgeschrittenes Entwickeln Schulung

Übersicht über Next.js 16 und fortschrittliche Architektur

• Wichtige Features und Änderungen in Next.js 16.x
• App Router-Architektur und Designprinzipien
• Server Components vs. Client Components
• Rendering-Strategien: SSR, SSG, ISR und Streaming
• Konventionen und Best Practices zur Projektstruktur
• Performance-first-Anwendungsentwurf

Fortschrittenes Routing und Navigation

• Verschachtelte Layouts und gemeinsam genutzte UI-Patterns
• Routengruppen zur organisierten Routenverwaltung
• Parallele Routen für unabhängige Routensegmente
• Abfängende Routen (intercepting routes) und modale Navigation
• Dynamisches Routing und Catch-All-Segmente
• Routenhandler für benutzerdefinierte Endpunkte
• Middleware zur Abfrage-Interzeption

React Server Components und Server-Funktionen

• Tiefgehende Einführung in das Modell der React Server Components
• Datenabruf auf dem Server
• Streaming-UI mit Suspense-Grenzen
• Error Boundaries und Fehlerbehandlung
• Patterns für Loading-UIs
• Partielles Rendering und selektives Re-Rending

Server Actions und Formulare

• Architektur und Möglichkeiten von Server Actions
• Formularverarbeitung mit serverseitiger Abwicklung
• Validierungsstrategien
• Optimistische Updates der Benutzeroberfläche
• Pending-Zustände und Feedback für die Benutzer
• Dateiuploads 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-Invaliderung
• Revalidierungsstrategien: On-Demand und zeitbasiert
• Streaming-Daten-Patterns

Authentifizierung und Autorisierung

• Architektur der Authentifizierung in Next.js
• Patterne zur Sitzungsverwaltung
• JWT-basierte Authentifizierungsflüsse
• OAuth-Integrationsstrategien
• Umsetzung von Role-Based Access Control (RBAC)
• Routenschutz über Middleware

Datenbankintegration und ORM

• Architekturentscheidungen für Datenbanken
• Integration von PostgreSQL mit Next.js
• Einrichtung und Abfragen mit Prisma ORM
• Übersicht über Drizzle ORM und Migration
• Konfiguration des Connection Poolings
• Migrationsstrategie für Datenbanken
• Repository-Patterns zum Datenzugriff

API-Entwicklung

• Routenhandler und Konventionen für API-Routen
• Implementierung RESTful APIs
• Validierung von API-Anfragen
• Fehlerbehandlung und Formatierung der Antworten
• Endpunkte für Dateiuploads
• Webhook-Integration und -Verifizierung
• Rate Limiting und Sicherheit von APIs

Leistungsoptimierung

• Bundle-Analyse und Optimierung
• Strategien für Code Splitting
• Dynamische Imports für On-Demand-Laden
• Optimierung der Image-Komponente
• Schriftoptimierung mit next/font
• Patterne für Lazy Loading
• Techniken zur Optimierung der Core Web Vitals

Testen von Next.js-Anwendungen

• Unit-Test-Strategien für Server- und Client-Code
• Komponententests mit Test-Utensilien
• 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

Deployment, DevOps und Monitoring

• Konfiguration des Produktionsbuilds
• Verwaltung von Umgebungsvariablen
• Docker-Containerisierung für Next.js
• Einrichtung von CI/CD-Pipelines
• Anwendungsüberwachung und Protokollierung
• Fehlerverfolgung und -berichterstattung
• Leistungsüberwachung in der Produktion

Fortgeschrittene Patterns und Abschlussprojekt

• Projektarchitektur-Patterns für Skalierbarkeit
• Organisation von Features und Modulgrenzen
• Häufige Design-Patterns in Next.js-Anwendungen
• Multi-Tenant-Anwendungsarchitekturen
• Durchlauf des Abschlussprojekts
• Kurszusammenfassung und Fragerunde