Next.js & React – Patterns

Die Muster, die im App-Router-Alltag zählen: Routing, Server- und Client-Components, Datenladen, Rendering, SEO und Deployment.

Grundlagen

  • ÜberblickWas React von Next.js unterscheidet und warum der App Router der Standard ist.
  • App Router & RoutingDateikonventionen, dynamische Routen und async params im App Router.

Components & Daten

  • Server & Client ComponentsDer zentrale Unterschied im App Router – und wie man die Grenze richtig zieht.
  • Daten ladenAsync Server Components, das geänderte fetch-Caching und Datenladen im Client.
  • Rendering & StreamingStatisches vs. dynamisches Rendering, ISR und Streaming mit loading.js und Suspense.

Praxis

  • Metadaten & SEOMetadaten pro Seite, generateMetadata und die SEO-Dateikonventionen des App Routers.
  • Deployment & UmgebungBuild, Umgebungsvariablen und selbst hosten mit output: standalone.