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.

Kommentieren