- Übersicht und Architektur
- Next.js vs. React.js
- App Router vs. Pages Router
- Features von Next.js
- Architektur
- Layouts
- Seiten
- Lade-Seiten
- Fehler-Seiten
- API-Endpunkte
- Templates
- Routing-Konventionen
- Routing
- Erstellen von Routen
- Links und Navigation
- Error Handling
- Streaming
- Route-Gruppen
- Middleware
- Rendering
- Statisches Rendering
- Dynamisches Rendering
- Streaming Rendering
- Caching
- Data Cache
- Full Route Cache
- Client-side Router Cache
- Styling
- CSS Modules
- Globale Styles
- Tailwind CSS
- Optimierung
- Bild-Optimierung
- Schriftarten-Optimierung
- Metadaten
- Lazy Loading
LernzieleNach dem Seminar verfügen Sie über fundierte Kenntnisse in der Entwicklung von Next.js-Anwendungen und verstehen die Unterschiede zu React.js. Sie können komplexe Architekturen mit Layouts, Seiten und API-Endpunkten implementieren und verschiedene Rendering-Techniken anwenden, um eine optimale Performance zu erzielen. Sie beherrschen das Erstellen und Verwalten von Routen, den Einsatz von Middleware und fortgeschrittene Caching-Strategien. Darüber hinaus sind Sie in der Lage, Ihre Anwendungen effizient zu stylen und die Benutzererfahrung durch Optimierungstechniken wie Lazy Loading und Bildoptimierung zu verbessern.
ZielgruppenDieses Seminar richtet sich an Web-Entwickler mit soliden Kenntnissen in HTML, CSS, JavaScript, TypeScript, Node.js und React.js, die ihre Fähigkeiten in der Next.js-Entwicklung vertiefen und moderne Webanwendungen erstellen möchten.
