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
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