iX 10/2023
S. 138
Praxis
Webentwicklung

Fullstack-Anwendungen mit dem Next.js App Router

Der neue App Router im Framework Next.js 13.4 erlaubt den Einsatz von React-Server-Komponenten. Eine Beispielanwendung zeigt die praktische Umsetzung.

Von Nils Hartmann

Die Version 13.4 von Next.js bringt das erste stabile Release des neuen App Router mit, den Nachfolger des bisherigen Page Router. Damit ändert sich nicht nur die API des serverseitigen Routers von Next.js, sondern er kann erstmals mit React Server Components umgehen. Next.js gehört jetzt zu den von React empfohlenen Fullstack-Frameworks, die die „Architekturvision“ des React-Teams umsetzen. Eine Beispielanwendung demonstriert, wie sich der neue Router verwenden lässt.

Vergleich mit klassischen Single-Page-Anwendungen

React Server Components ermöglichen es, React-Komponenten auch außerhalb des Browsers auszuführen und zu rendern – etwa auf dem Server oder während des Build-Prozesses. Das soll mehrere Probleme lösen, die in klassischen Single-Page-Anwendungen auftreten können.

Alle heise-Magazine mit heise+ lesen

3,99 € / Woche

Ein Abo, alle Magazine: c't, iX, Mac & i, Make & c't Fotografie

  • Alle heise-Magazine im Browser und als PDF
  • Alle exklusiven heise+ Artikel frei zugänglich
  • heise online mit weniger Werbung lesen
  • Vorteilspreis für Magazin-Abonnenten
Jetzt unbegrenzt weiterlesen Vierwöchentliche Abrechnung.

Alle Ausgaben freischalten

2,60 € 1,49 € / Woche

Nach Testphase 2,60 € wtl.

  • Zugriff auf alle iX-Magazine
  • PDF-Ausgaben zum Herunterladen
  • Zugriff in der iX-App für unterwegs
  • Über 35% günstiger im Testzeitraum
Jetzt testen Nach Testphase jederzeit monatlich kündbar.

Ausgabe einmalig freischalten

9,90 € / Ausgabe

Diese Ausgabe lesen – ohne Abobindung

  • Sicher einkaufen im heise shop
  • Magazin direkt im Browser lesen
  • Dauerhaft als PDF behalten

Kommentieren