Seminare
Seminare
  • Seminare
  • Anbieter
  • 5 km
  • 10 km
  • 25 km
  • 50 km
  • 100 km
  • 150 km
  • 200 km
  • 300 km

Legacy-React zu Next.js App Router migrieren

Webinar - PROKODA GmbH

Legacy-React zu Next.js App Router migrieren
Termin Ort Preis*
13.07.2026- 15.07.2026 online 1.892,10 €
13.07.2026- 15.07.2026 München 1.892,10 €
*Alle Preise verstehen sich inkl. MwSt.

Detaillierte Informationen zum Seminar

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
Teilnahmevoraussetzungen:
  • 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
Nach unten
Nach oben
Wir setzen Analyse-Cookies ein, um Ihre Zufriedenheit bei der Nutzung unserer Webseite zu verbessern. Diese Cookies werden nicht automatisiert gesetzt. Wenn Sie mit dem Einsatz dieser Cookies einverstanden sind, klicken Sie bitte auf Akzeptieren. Weitere Informationen finden Sie hier.
Akzeptieren Nicht akzeptieren









Um Spam abzuwehren, geben Sie bitte die Buchstaben auf dem Bild in das Textfeld ein:

captcha



Bei der Verarbeitung Ihrer personenbezogenen Daten im Zusammenhang mit der Kontaktfunktion beachten wir die gesetzlichen Bestimmungen. Unsere ausführlichen Datenschutzinformationen finden Sie hier. Bei der Kontakt-Funktion erhobene Daten werden nur an den jeweiligen Anbieter weitergeleitet und sind nötig, damit der Anbieter auf Ihr Anliegen reagieren kann.







Um Spam abzuwehren, geben Sie bitte die Buchstaben auf dem Bild in das Textfeld ein:

captcha