This is an updated version of https://github.com/vercel/app-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 theuse
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.
- Install dependencies:
npm install
- Start the dev server:
npm run dev
This is a Next.js project bootstrapped with create-next-app
.
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx
. The page auto-updates as you edit the file.
This project uses next/font
to automatically optimize and load Inter, a custom Google Font.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.