Next.js App Router: Skalierbare Webarchitektur
Architekturentscheidungen, Server Components und Caching sicher für produktive Next.js-Projekte einsetzen
- App-Router-Architektur einordnen
- Server Components einsetzen
- Caching und Revalidation steuern
- 2 Tage
- Aufbau
- 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
- App-Router-Architektur einordnen
- Server Components einsetzen
- Caching und Revalidation steuern
- Server Actions sauber nutzen
- Streaming und Suspense integrieren
- Migration vom Pages Router planen
Passt das zu dir?
Damit du den Tag wirklich mitnimmst, lohnt sich ein kurzer Abgleich.
Richtig für dich, wenn
- Frontend-Developer mit React-Erfahrung und Verantwortung für produktive Webanwendungen
- Fullstack-JavaScript-Engineers mit Next.js- oder Node.js-Bezug
- Software-Architects im Web-Umfeld mit Entscheidungen zu Rendering, Caching und Routing
- Entwicklungsteams, die vom Pages Router, Create React App oder klassischen React-SPAs migrieren
Das bringst du mit
- Solide Kenntnisse in HTML, CSS und modernem JavaScript ab ES6
- Sichere React-Erfahrung mit Hooks, Props, State und Component Composition
- Grundverständnis von TypeScript empfohlen, zum Beispiel aus React mit TypeScript
- Fortgeschrittene React-Kenntnisse hilfreich, etwa aus dem React Aufbaukurs
Dein Lernweg
Tag 1: Architektur und Server Components
Einführung in das App-Router-Modell, zentrale Datei-Konventionen und die Unterscheidung zwischen Server- und Client-Runtimes. Aufbau erster Routing-Strukturen, verschachtelter Layouts und Route Groups. Anschließend Arbeit mit React Server Components, Client Boundaries, Hydration-Grenzen und Composition Patterns.
Tag 2: Daten, Actions und Advanced Patterns
Data Fetching, Cache-Steuerung, Revalidation und dynamische Rendering-Entscheidungen im App Router. Implementierung von Server Actions für Formularverarbeitung, Einordnung von Route Handlern, Validierung und Optimistic UI. Zum Abschluss Optimierung der User Experience mit Streaming, Suspense, Loading UI und Error Boundaries.
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
2 Tage
Kompakt aufgebaut, damit du schnell ins Tun kommst.
max. 8
Kleine Gruppe, damit genug Raum für deine Fragen bleibt.
- Technische Deep-Dive-Präsentationen mit Architektur-Skizzen
- Hands-on Live-Coding an einer durchgängigen Übungsanwendung
- Direkte Umsetzung zentraler Konzepte im eigenen Code
- Code-Reviews zu Routing, Caching und Component Boundaries
- Architektur-Diskussionen zu typischen Projektentscheidungen
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 Next.js App Router: Skalierbare Webarchitektur
Ist das Seminar für Anfängerinnen und Anfänger in React geeignet?
Nein. Der App Router setzt ein solides Verständnis von React, Komponentenlogik, Hooks und modernen JavaScript-Konzepten voraus. Für den Einstieg ist zunächst ein React-Grundlagen- oder Aufbau-Training sinnvoll.
Behandelt das Seminar auch den alten Pages Router?
Der Pages Router wird im Kontext von Migration und Architekturvergleich behandelt. Der Schwerpunkt liegt jedoch klar auf dem App Router, React Server Components und den damit verbundenen Patterns für neue Next.js-Projekte.
Wann sind Server Actions sinnvoll und wann Route Handler?
Im Seminar wird diese Abgrenzung ausdrücklich behandelt. Server Actions eignen sich besonders für Mutationen aus UI-Flows, während Route Handler weiterhin für API-Schnittstellen, Integrationen und klar getrennte Backend-Endpunkte relevant bleiben.
Hilft das Training bei der Migration bestehender React-Anwendungen?
Ja, typische Migrationspfade vom Pages Router oder von klassischen React-SPAs werden eingeordnet. Für Teams mit umfangreicher Legacy-Codebasis passt ergänzend das Seminar Legacy-React zu Next.js App Router migrieren.
Wird TypeScript im Seminar verwendet?
Ja, die Beispiele orientieren sich an professioneller React- und Next.js-Entwicklung mit TypeScript. Erwartet wird kein Expertinnen- oder Expertenniveau, aber ein Grundverständnis typisierter Komponenten und Funktionssignaturen ist hilfreich.
Geht es auch um Performance und Caching in produktiven Anwendungen?
Ja. Data Fetching, Cache-Verhalten, Revalidation, Streaming und Suspense gehören zu den zentralen Themen. Wer danach tiefer in Skalierung und Caching-Strategien einsteigen möchte, kann das Next.js Deep Dive Training: Caching & Skalierung anschließen.
Passende Schulungen
Next.js App Router: Skalierbare Webarchitektur
Nächster Termin: 08. Oktober 2026 · Online
ab1.390 €netto