Legacy-React zu Next.js App Router migrieren
Refactor-Strategie, Routing, Data Fetching und Deployment, ohne den laufenden Betrieb zu riskieren.
- Inkrementelle Migration planen
- App Router Routing entwerfen
- Server und Client Components
- 3 Tage
- Fortgeschritten
- Online
- Zufriedenheitsgarantie Risikofrei für dich
- Online Live per Videokonferenz
- max. 8 Teilnehmerinnen und Teilnehmer pro Gruppe
- Keine Vorkasse Rechnung nach dem Seminar
Das nimmst du mit
- Inkrementelle Migration planen
- App Router Routing entwerfen
- Server und Client Components
- Data Fetching und Caching
- Proxy, Auth und geschützte Routen
- Testing und Rollout absichern
Passt das zu dir?
Damit du den Tag wirklich mitnimmst, lohnt sich ein kurzer Abgleich.
Richtig für dich, wenn
- Frontend-Entwicklerinnen und Frontend-Entwickler mit React-Erfahrung in gewachsenen Anwendungen
- Full-Stack-Entwicklerinnen und Full-Stack-Entwickler mit Verantwortung für Next.js im Betrieb
- Tech Leads sowie Softwarearchitektinnen und Softwarearchitekten mit Migrationsverantwortung
- DevOps-nahe Rollen für Deployment, Caching, Rollout und Betriebsstabilität
Das bringst du mit
- Solide Kenntnisse in React mit Hooks, Komponenten, State und Routing-Grundlagen
- Erfahrung mit Build-Prozessen, Deployment und HTTP-Grundlagen ist hilfreich
- Für fortgeschrittenes React-Routing empfiehlt sich der React Aufbaukurs: Redux, Routing, Testing
- Kenntnisse in REST oder GraphQL unterstützen die Arbeit an Data-Layer-Migrationen, etwa aus der React und GraphQL Schulung
Dein Lernweg
Tag 1: Von Legacy zu Migrationsplan
Der erste Tag beginnt mit der Ist-Analyse einer gewachsenen React-Anwendung. Routing, State, Data Layer, Build-Struktur und technische Risiken werden bewertet. Darauf aufbauend entstehen Migrationsschnitt, Priorisierung, Strangler-Pattern, Feature-Flag-Strategie und Rollback-Plan.
Tag 2: App Router als Zielarchitektur
Im Mittelpunkt stehen Layouts, Nested Routes, Route Groups, Loading UI, Error Boundaries, Server Components und Client Components. Außerdem werden SEO-Migration, Metadata API, Redirects, Rewrites und der Umgang mit bestehenden React Router-Strukturen eingeordnet.
Tag 3: Daten, Auth und Betrieb
Der dritte Tag behandelt Data Fetching, explizite Cache-Strategien, Revalidation, Server Actions, Proxy, Sessions und geschützte Routen. Abschließend werden Deployment-Strategien, Tests, Observability, Go-Live-Checkliste und Post-Migration-Maßnahmen zusammengeführt.
Klarheit von Anfang an
Format, Ablauf und alles, was schon enthalten ist. Keine Überraschungen, nur Fokus auf dein Ergebnis.
- Live-OnlineInteraktiv per Videokonferenz, von überall
3 Tage
Kompakt aufgebaut, damit du schnell ins Tun kommst.
max. 8
Kleine Gruppe, damit genug Raum für deine Fragen bleibt.
- Kurze Theorie-Impulse mit Architektur-Entscheidungen aus realen Migrationen
- Geführte Hands-on-Übungen in einer vorbereiteten Codebasis
- Review von Migrationspfaden, Risiken und Performance-Fallen
- Checklisten und Templates für Planung, Rollout und Go-Live
Das ist immer dabei
- Ausführliche Schulungsunterlagen und Praxisbeispiele
- Teilnahmezertifikat
- Übungsumgebungen und Beispieldaten
- Nachbetreuung per E-Mail nach dem Seminar
Sichere dir deinen Platz
Wähle den Termin, der zu dir passt. Online live dabei oder vor Ort, ganz wie es für dich passt.
- Erfahrene IT-Trainer aus der Praxis
- Keine Vorkasse, Rechnung nach dem Seminar
- Kostenfreie Umbuchung bis 14 Tage vor Start
Lieber das ganze Team?
Bring dieses Seminar zu euch ins Haus oder lass uns ein Programm bauen, das genau auf euer Unternehmen passt.
Inhouse-Schulung
Wir kommen zu dir und schulen dein Team genau auf eure Praxis.
- Komplett auf eure Use-Cases und Tools zugeschnitten
- Termin und Ort bestimmst du, vor Ort oder Live-Online
- Ein fester Pauschalpreis statt Preis pro Person
Firmen-Seminar
Ein individuelles Programm, das wir auf eure Ziele zuschneiden.
- Frei kombinierbare Module aus unserem Themenkatalog
- Skalierbar von der Kleingruppe bis zur ganzen Belegschaft
- Begleitung über mehrere Termine hinweg möglich
Deine IT-Schulungen München-Expertinnen und -Experten
Du hast Fragen zu Inhalten, Terminen oder einer passenden Lösung für dein Team? Wir beraten dich gern, bevor du buchst. Direkt, ohne Umwege.
Antwort in der Regel am selben Werktag
Dein cmt-Team München
Beratung zu IT-Weiterbildung
Fragen und Antworten zu Legacy-React zu Next.js App Router migrieren
Kann eine React Router App ohne Big-Bang migriert werden?
Ja. Im Seminar werden inkrementelle Ansätze behandelt, bei denen Teile der Anwendung schrittweise in den App Router überführt werden. Dazu gehören Redirects, Rewrites, Feature Flags und klar definierte Rollback-Pfade.
Brauche ich für den App Router zwingend Server Components?
Nein. Die Entscheidung fällt pro Route, Feature und Datenzugriff. Du lernst Kriterien kennen, wann Server Components die Architektur vereinfachen und wann Client Components für Interaktion, Browser-APIs oder lokalen State besser passen.
Wie werden Auth und geschützte Bereiche migriert?
Behandelt werden Cookies, Headers, Proxy, Protected Routes und typische Sicherheitsaspekte. Wichtig ist die saubere Trennung zwischen frühen Redirect-Entscheidungen, Session-Prüfung und serverseitiger Autorisierung in den betroffenen Routen.
Geht es im Seminar um Pages Router oder App Router?
Der Schwerpunkt liegt klar auf dem Next.js App Router. Der Pages Router wird dort eingeordnet, wo er für Migrationsentscheidungen, Parallelbetrieb oder die Bewertung bestehender Codepfade relevant ist.
Welche Rolle spielt Caching bei der Migration auf Next.js?
Caching ist einer der häufigsten Stolpersteine bei App Router Migrationen. Im Seminar werden fetch-Optionen, Revalidation, Cache-Grenzen und Betriebsfolgen behandelt. Für eine tiefere Spezialisierung passt anschließend das Next.js Deep Dive Training: Caching & Skalierung.
Ist die Schulung für produktive Anwendungen geeignet?
Ja. Die Inhalte richten sich an Teams, die bestehende React-Anwendungen planbar und kontrolliert migrieren wollen. Rollout, Observability, Tests, Deployment und Post-Migration-Checks sind deshalb feste Bestandteile der Schulung.
Passende Schulungen
Legacy-React zu Next.js App Router migrieren
Nächster Termin: 21. September 2026 · Online
ab1.590 €netto