Next.js begreifen, statt zu raten.
Der App Router von Grund auf: Server- und Client-Komponenten, Datenladen, Caching, Server Actions und Streaming – in normaler Sprache erklärt, mit Quiz und Aufgaben.
Gedacht für alle, die React können und Next.js zum ersten Mal ernsthaft benutzen.
- Lektionen
- 18
- Quizfragen
- 81
- Übungen im Editor
- 4
- Minuten Lesezeit
- 213
Erst mal ankommen
Wie Next.js aufgebaut ist und wo dein Code läuft. Hier fängst du an.
Next.js von Null
Was Next.js dir abnimmt – und was sich dadurch ändert
Routing über Ordner
Adressen entstehen aus dem Dateibaum – mit ein paar Sonderzeichen
Server- und Client-Komponenten
Die eine Entscheidung, die du in Next.js ständig triffst
Layouts, Templates & Navigation
Der Rahmen, der stehen bleibt, während sich der Inhalt ändert
Daten & Schreiben
Laden, zwischenspeichern, aktualisieren – und Formulare, die auf dem Server ankommen.
Daten laden
await in der Komponente – und wie du Wasserfälle vermeidest
Caching verstehen
Warum die Seite nach dem Deploy plötzlich eingefroren ist
Revalidierung
Nach dem Speichern genau das neu holen, was sich geändert hat
Server Actions & Formulare
Schreiben ohne API dazwischen
Route Handler
Wenn etwas von außen zugreifen soll
Rendern & Ausliefern
Statisch oder dynamisch, Streaming, Fehler- und Ladezustände.
Statisch oder dynamisch
Wann eine Seite beim Bauen entsteht – und wann bei jedem Aufruf
Streaming & Suspense
Nicht warten, bis alles fertig ist
Fehler- und Ladezustände
Was passiert, wenn etwas schiefgeht – und wer es auffängt
In den Betrieb
SEO, Bilder, Middleware, Deployment – und die typischen Stolpersteine.
Metadata & SEO
Titel, Beschreibung, Vorschaubild – und wer sie berechnet
Bilder & Schriften
Zwei Komponenten, die den größten Teil der Ladezeit sparen
Middleware
Code, der vor der Seite läuft – und deshalb schnell sein muss
Parallel & Intercepting Routes
Zwei Werkzeuge, die selten nötig sind – und dann unersetzlich
Umgebung & Deployment
Geheimnisse, die geheim bleiben – und der Weg nach draußen
Stolpersteine
Die Fehler, die in fast jedem Next.js-Projekt einmal passieren
Ihr braucht React-Verstärkung im Team?
Wir bauen seit Jahren React- und Next.js-Anwendungen für Kunden in ganz Deutschland – als einzelner Experte, als Verstärkung fürs Bestandsteam oder als komplettes Scrum-Team.
Projekt besprechen →