Fortgeschrittene Entwicklung mit Next.js 16 Schulung

Einblick in Next.js 16 sowie fortgeschrittene Architekturprinzipien

• Wesentliche Neuerungen und Änderungen in Next.js 16.x
• Grundsätze der App Router-Architektur und deren Entwurfsprinzipien
• Unterschiede zwischen Server Components und Client Components
• Rendering-Methoden: SSR, SSG, ISR sowie Streaming-Technik
• Gängige Projektstrukturen und bewährte Praktiken bei der Implementierung
• Entwicklung von Anwendungen mit Fokus auf Performance

Fortgeschrittene Routing-Techniken und Navigation

• Einsatz verschachtelter Layouts zur Wiederverwendung von UI-Komponenten
• Gruppierung von Routen zur übersichtlichen Strukturierung der Navigation
• Verwaltung paralleler Routensegmente für unabhängige Funktionen
• Routeninterzeption und modales Navigationsverhalten nutzen
• Dynamisches Routing sowie Catch-all-Segmente in Routen verwenden
• Erstellung von Route Handlers zur Konfiguration individueller Endpunkte
• Anwendung von Middleware zur Verarbeitung eingehender Anfragen

React Server Components und serverseitige Funktionen

• Ausführliche Erläuterung des Modells der React Server Components
• Datenabruf auf dem Server durchführen
• Erstellung von Streaming-UIs mittels Suspense-Grenzen
• Behandlung und Verwaltung von Fehlern im System
• Einsatz verschiedener Loading-UI-Patterns zur verbesserten Nutzererfahrung
• Partielles Rendering sowie selektive Neuerzeugung von UI-Elementen nutzen

Server Actions und Formularverarbeitung

• Struktur und Möglichkeiten der Server Actions erläutern
• Ausgestaltung von Formularen unter serverseitiger Verarbeitung
• Etablierung von Validierungsmechanismen für Eingaben
• Optimistische Updates der Benutzeroberfläche sicherstellen
• Abbildung von Ausstehenden Zuständen sowie schnelle Rückmeldungen an den Nutzer
• Bearbeitung von Dateiuploads sowie schrittweise Funktionserweiterung ermöglichen

Fortgeschrittene Datenabruf- und Cache-Methoden

• Nutzung der Fetch-API in Verbindung mit Next.js sowie Memoisation von Anfragen
• Grundsätze des Data Caches verstehen
• Konfiguration des Route Caches vornehmen
• Einsatz und Invaliderungsstrategien des Router Caches nutzen
• Revalidierungsverfahren – sowohl bedarfsgesteuert als auch zeitbasiert – definieren
• Implementierung von Strategien zur Daten-Streaming-Übertragung

Authentifizierung und Autorisierungsverfahren

• Grundlagen der Authentifizationsarchitektur in Next.js
• Gängige Muster zur Verwaltung von Benutzersitzungen nutzen
• Aufbau von Authentifizierungsabläufen auf Basis von JWTs
• Strategien zur Integration von OAuth-Systemen erlernen
• Einführung und Umsetzung einer rollenbasierten Zugriffskontrolle
• Schutz von Routen mittels Middleware gewährleisten

Datenbank-Integration sowie ORM-Konzepte

• Einflüsse auf die Architektur durch Datenbankgestaltung verstehen
• Verbindung von PostgreSQL mit Next.js herstellen
• Einrichtung und Anwendung der Prisma ORM für Abfragen
• Einsatzmöglichkeiten des Drizzle ORM kennenlernen sowie Migrationen durchführen
• Konfiguration von Verbindungspools sicherstellen
• Strategien zur Durchführung und Organisation von Datenbank-Migrationen definieren
• Nutzung von Repository-Patterns für die strukturierte Zugriffskontrolle auf Daten<

Entwicklung von APIs

• Erstellung und Konfiguration von Route Handlers im Rahmen von API-Routen
• Entwurf RESTful APIs unter Einhaltung definierter Standards
• Gültigkeitsprüfungen bei eingehenden Anfragen durchführen
• Richtiges Formatieren von Fehlermeldungen und Antwortdaten gewährleisten
• Erstellung spezieller Endpunkte für Dateiuploads gestalten
• Etablierung und Verifizierung von Webhook-Verbindungen realisieren
• Sicherstellung der Ratenbegrenzung sowie höchster Sicherheit bei APIs

Techniken zur Performance-Optimierung

• Analyse und Verbesserung der Paketgröße im Rahmen des Build-Prozesses
• Einsatz unterschiedlicher Strategien für Code-Splitting
• On-Demand-Ladefunktionen mittels dynamischer Imports aktivieren
• Optimierung der Bildkomponente durch geeignete Mechanismen erreichen
• Einsatz des next/font-Moduls zur optimalen Schriftgestaltung verwenden
• Lazy Loading-Konzepte nutzen, um die Ladezeit zu minimieren
• Umsetzung verschiedener Methoden zur Optimierung der Core Web Vitals sicherstellen

Testverfahren für Next.js-Anwendungen

• Etablierung von Unit-Tests sowohl für serverseitigen als auch clientseitigen Code
• Gewissheit durch Komponententests unter Verwendung spezieller Hilfsprogramme gewinnen
• Durchführung von Integrationstests zur vollständigen Validierung der Datenflüsse<
• Erstellung von End-to-End-Tests mithilfe von Playwright oder Cypress realisieren
• Nutzung von Mocking-Verfahren, um externe APIs sowie Services simulieren zu können
• Testen der korrekten Funktionsweise von Server Components garantieren<
• Evaluierung der Einsatztauglichkeit und Zuverlässigkeit von Server Actions durchführen<

Deployment, DevOps sowie Überwachung von Anwendungen

• Einstellungen zur Konfiguration eines Produktionsbuilds festlegen
• Gewissheit durch sichere Verwaltung der Umgebungsvariablen erlangen<
• Containerisierung der Anwendung mittels Docker gewährleisten<
• Einrichtung einer CI/CD-Pipeline zur Automatisierung des Deployments sicherstellen<
• Verfolgung und Protokollierung des Anwendungsverhaltens nach dem Start realisieren<
• Eingebundene Fehlermeldungen aufspüren sowie systematisch dokumentieren<
• Aktive Beobachtung der Produktionsleistung, insbesondere hinsichtlich Geschwindigkeit und Verfügbarkeit, durchführen<

Fortgeschrittene Architekturkonzepte sowie Abschlussprojekt

• Etablierung von skalierbaren Projektarchitekturen mit sinnvollen Entwurfsparadigmen<
• Gliederung der Funktionalitäten in zusammenhängende Module und Features<
• Bewährte Designmuster bei Next.js-Anwendungen kennenlernen<
• Ausgestaltung einer Multi-Tenant-Anwendungsarchitektur verstehen<
• Schrittweise Entwicklung des Abschlussprojekts begleiten<
• Gemeinsame Zusammenfassung aller Inhalte sowie Beantwortung offener Fragen im Rahmen einer Abschlussdiskussion durchführen<