Next.js introduced the App Router (beta). This is the result of the Layouts RFC previously published for community feedback. This includes support for:
- Layouts: Easily share UI while preserving state and avoiding re-renders.
- Server Components: Making server-first the default for the most dynamic applications.
- Streaming: Display instant loading states and stream in updates.
- Suspense for Data Fetching:
async/awaitsupport and theusehook for component-level fetching.
The App Router can coexist with the existing pages directory for incremental adoption. While you don't need to use the App Router when upgrading to Next.js 13, we're laying the foundations to build complex interfaces while shipping less JavaScript.
- Install dependencies:
pnpm install- Start the dev server:
pnpm dev