0

Legacy-React zu Next.js App Router migrieren

Ihre Termine

Datum Ort Preis
13.07.2026
-15.07.2026
München 1.892,10 €*
Buchen
13.07.2026
-15.07.2026
Virtuelles Live Training 1.892,10 €*
Buchen
21.09.2026
-23.09.2026
München 1.796,90 €*
Buchen
21.09.2026
-23.09.2026
Virtuelles Live Training 1.796,90 €*
Buchen
09.11.2026
-11.11.2026
München 1.796,90 €*
Buchen
09.11.2026
-11.11.2026
Virtuelles Live Training 1.796,90 €*
Buchen
25.01.2027
-27.01.2027
München 1.796,90 €*
Buchen
25.01.2027
-27.01.2027
Virtuelles Live Training 1.796,90 €*
Buchen
22.03.2027
-24.03.2027
München 1.796,90 €*
Buchen
22.03.2027
-24.03.2027
Virtuelles Live Training 1.796,90 €*
Buchen

* Preise inkl. der gesetzlichen Mehrwertsteuer

Beschreibung

Du migrierst eine gewachsene React-Anwendung auf Next.js mit App Router, ohne Big-Bang und ohne unnötige Downtime. In diesem Seminar entwickelst Du eine belastbare Migrationsstrategie, die bestehende Features schützt und gleichzeitig die Vorteile von Server Components, Routing, Data Fetching und Caching nutzbar macht. Du lernst, wie Du React Router schrittweise ablöst, Layouts und Nested Routes einführst, SEO und Metadata sauber übernimmst und typische Legacy-Patterns in Next.js überführst. Anhand praxisnaher Übungen planst Du Rollout, Feature Flags und Rollback, setzt Auth und geschützte Routen um und bringst Tests sowie Observability auf ein Niveau, das den Betrieb nach der Migration stabil hält. Ergebnis: ein klarer Plan und konkrete Umsetzungsmuster für Deine Next.js App Router Migration.

Inhalte

  • Migrationsplanung mit minimalem Risiko
    • Ist-Analyse: Routing, State, Data Layer, Build
    • Strangler-Pattern und inkrementelle Migration
    • Entscheidung: App Router vs. Pages Router
    • Definition von Done, Rollback und Feature Flags
  • App Router Grundlagen, die bei Migrationen zählen
    • Layouts, Templates, Nested Routes, Route Groups
    • Server Components vs. Client Components
    • Navigation, Loading UI, Error Boundaries
    • Metadata API und SEO-Migration
  • Data Fetching und Caching richtig umstellen
    • fetch, Request Memoization, Cache-Control
    • Revalidate, ISR-ähnliche Patterns im App Router
    • Server Actions: sinnvolle Einsatzszenarien
    • Umgang mit REST/GraphQL und Auth-Headern
  • Auth, Sessions und Sicherheit in Next.js
    • Cookies, Headers, Middleware und Protected Routes
    • CSRF, XSS, Content Security Policy Basics
    • Secrets, Environment Variables und Runtime-Kontext
    • Edge vs. Node Runtime: Trade-offs
  • Legacy-Patterns sauber ersetzen
    • React Router Ablösung: Redirects und Rewrites
    • Code Splitting und Bundle-Strategien
    • Formulare: Client Handling vs. Server Actions
    • State Management: was bleibt, was fliegt
  • Testing, Observability und Performance
    • Migration von Unit- und E2E-Tests
    • Web Vitals, Lighthouse, Real User Monitoring
    • Tracing von Server/Client und Fehleranalyse
    • Performance-Fallen bei Client Components
  • Deployment und Betrieb
    • Build-Pipeline, Preview Deployments, Rollouts
    • CDN, Caching-Header und Invalidierung
    • Monorepo-Optionen und Incremental Adoption
    • Checkliste für Go-Live und Post-Migration

Voraussetzungen

  • Solide Kenntnisse in React (Hooks, Komponenten, State, Routing-Grundlagen).
  • Grundverständnis von HTTP, Cookies und Build/Deployment ist hilfreich.

Zielgruppe

  • Frontend-Entwicklerinnen und Frontend-Entwickler mit React-Erfahrung
  • Full-Stack-Entwicklerinnen und Full-Stack-Entwickler, die Next.js im Betrieb verantworten
  • Tech Leads und Softwarearchitektinnen und Softwarearchitekten, die Migrationen planen
  • DevOps-nahe Rollen, die Deployment, Caching und Rollouts begleiten
  • Für alle, die eine Legacy-React-App planbar auf Next.js App Router umstellen wollen

Hinweise

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