next app router playground

Next.js App Router Spielplatz

Next.js hat kürzlich den App -Router mit Unterstützung für: vorgestellt:

• Layouts: Teilen Sie die Benutzeroberfläche leicht, während Sie den Zustand erhalten und erneut von Rendern vermeiden.
• Serverkomponenten: Server-First-Standard für die dynamischsten Anwendungen.
• Streaming: Sofortige Ladezustände anzeigen und in Updates Stream.
• Spannung für das Abholen von Daten: async / await Unterstützung und der use Haken für das Abrufen auf Komponentenebene.

Der App -Router kann mit dem vorhandenen pages zur inkrementellen Einführung koexistieren. Während Sie den App -Router beim Upgrade auf Next.js 13 nicht verwenden müssen , legen wir die Grundlagen für die Erstellung komplexer Schnittstellen, während Sie weniger JavaScript verschicken.

Vor Ort laufen

1. Abhängigkeiten installieren:

pnpm install

2. Starten Sie den Dev -Server:

pnpm dev

Dokumentation

https://nextjs.org/docs