Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: 4 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 (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-10-15T17:19:00.000Z (3 months ago)
- Last Synced: 2024-10-29T14:18:44.566Z (2 months ago)
- Topics: nextjs, react, vercel
- Language: TypeScript
- Homepage: https://app-router.vercel.app/
- Size: 2.47 MB
- Stars: 2,554
- Watchers: 83
- Forks: 650
- Open Issues: 4
-
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