https://github.com/vercel/next-app-router-playground
https://app-router.vercel.app/
https://github.com/vercel/next-app-router-playground
nextjs react vercel
Last synced: 6 days ago
JSON representation
https://app-router.vercel.app/
- Host: GitHub
- URL: https://github.com/vercel/next-app-router-playground
- Owner: vercel
- License: mit
- Created: 2022-07-08T17:09:11.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2025-04-09T16:54:02.000Z (6 days ago)
- Last Synced: 2025-04-10T02:15:50.522Z (6 days ago)
- Topics: nextjs, react, vercel
- Language: TypeScript
- Homepage: https://app-router.vercel.app/
- Size: 2.54 MB
- Stars: 2,705
- Watchers: 93
- Forks: 698
- Open Issues: 5
-
Metadata Files:
- Readme: readme.md
- License: license.md
Awesome Lists containing this project
- project-awesome - vercel/next-app-router-playground - https://app-router.vercel.app/ (TypeScript)
README
# Next.js App Router Playground
Next.js recently introduced the App Router with 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`/`await` support and the `use` hook 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.
## Running Locally
1. Install dependencies:
```sh
pnpm install
```
2. Start the dev server:
```sh
pnpm dev
```
## Documentation
https://nextjs.org/docs