Next.js DocsApp Router
You are currently viewing the Beta version of the documentation.
App Router
The App Router is a file-system based router that uses React's latest features such as Server Components, Suspense, and Server Functions.
Next Steps
Learn the fundamentals of building an App Router project, from installation to layouts, navigation, server and client components.
Next.js Docs
...
Getting Started
Installation
Learn how to create a new Next.js application with the `create-next-app` CLI, and set up TypeScript, ESLint, and Module Path Aliases.
Next.js Docs
...
Getting Started
Project Structure
Learn the folder and file conventions in Next.js, and how to organize your project.
Next.js Docs
...
Getting Started
Layouts and Pages
Learn how to create your first pages and layouts, and link between them with the Link component.
Next.js Docs
...
Getting Started
Linking and Navigating
Learn how the built-in navigation optimizations work, including prefetching, prerendering, and client-side navigation, and how to optimize navigation for dynamic routes and slow networks.
Next.js Docs
...
Getting Started
Server and Client Components
Learn how you can use React Server and Client Components to render parts of your application on the server or the client.
Was this helpful?