This page is also available as Markdown at /docs/app.md. For an index of all documentation, see /docs/llms.txt.

App Router

Last updated April 10, 2026

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.

[

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.

](/docs/app/getting-started/installation)[

Project Structure

Learn the folder and file conventions in Next.js, and how to organize your project.

](/docs/app/getting-started/project-structure)[

Layouts and Pages

Learn how to create your first pages and layouts, and link between them with the Link component.

](/docs/app/getting-started/layouts-and-pages)[

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.

](/docs/app/getting-started/linking-and-navigating)[

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.

](/docs/app/getting-started/server-and-client-components)

Was this helpful?