Seminarkatalog

Der Wechsel auf den App Router und React Server Components markiert den bedeutendsten Paradigmenwechsel in der Geschichte von Next.js. Dieses Seminar versetzt Softwareentwicklerinnen und -entwickler in die Lage, hochperformante Webanwendungen zu bauen, die standardmäßig auf dem Server rendern und nur minimales JavaScript an den Client senden.

Wir brechen mit alten Mustern und fokussieren uns vollständig auf die neue Architektur. Sie lernen, wie Sie Daten direkt in Komponenten abrufen, Layouts effizient verschachteln und Server Actions für typsichere Mutationen nutzen. Statt theoretischer Abhandlungen entwickeln wir praxisnahe Szenarien, die zeigen, wann eine Client Component notwendig ist und wie Sie die Grenzen zwischen Server und Client nahtlos überbrücken. Investieren Sie in zukunftssichere Fähigkeiten für das moderne React-Ökosystem.

• Die Revolution: App Router Architektur
  • Dateisystem-basiertes Routing verstehen
  • Vergleich Pages Router vs. App Router
  • Layouts, Templates und verschachtelte Routen
  • Route Groups und dynamische Segmente
• React Server Components (RSC)
  • Unterschied Server vs. Client Components
  • Rendering-Strategien und Hydration-Grenzen
  • Payload-Reduktion und Performance-Gewinne
  • Composition Patterns: Server in Client Components
• Data Fetching & Caching
  • Asynchrone Komponenten und Extended Fetch API
  • Caching-Strategien: Force-Cache vs. No-Store
  • On-Demand Revalidation und Time-Based Revalidation
  • Deduplizierung von Requests
• Streaming & UX-Optimierung
  • Loading UI und Error Boundaries
  • Suspense für progressive Seitenladezeiten
  • Parallel Routes und Intercepting Routes
  • Streaming SSR für schnellere TTFB
• Interaktivität & Mutationen
  • Server Actions statt API-Routen
  • Formular-Handling und Validierung (z.B. Zod)
  • Optimistic UI Updates
  • Cookies und Header Manipulation am Server
• Migration & Best Practices
  • Schrittweise Migration vom Pages Router
  • SEO-Metadaten API
  • Middleware im App Router Kontext

• Solide Kenntnisse in HTML, CSS und modernem JavaScript (ES6+).
• Erfahrung mit React (Hooks, Props, State) ist zwingend erforderlich.

• Frontend Developer mit React-Erfahrung
• Fullstack JavaScript Engineers
• Software Architects im Web-Umfeld
• Alle, die von Create-React-App oder dem Pages Router migrieren wollen.

Lernformate

Unsere Seminare bieten dir maximale Flexibilität: Du kannst zwischen Live-Online und Vor Ort in unseren modernen Schulungszentren im D-A-CH Raum wählen. Beide Formate garantieren dir die gleiche hohe Qualität und interaktive Lernerfahrung.

Schulungsarten

Wir bieten dir verschiedene Schulungsarten: Offene Seminare, Firmenseminare für Teams und Inhouse-Schulungen direkt bei dir vor Ort. So findest du genau das Format, das zu deinen Bedürfnissen passt.

Uhrzeiten

9:00-16:00 Uhr

Aktuelle Software

In unseren offenen Kursen arbeiten wir mit der aktuellsten Software-Version. So lernst du direkt mit den Tools und Features, die du auch in deinem Arbeitsalltag verwendest - praxisnah und zukunftsorientiert. Bei Inhouse- und Firmenschulungen bestimmt ihr die Version.

D