App Router

Source URL: https://nextjs.org/docs/app

Next.js DocsApp Router

App Router

Last updated February 20, 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.

• InstallationLearn how to create a new Next.js application with the create-next-app CLI, and set up TypeScript, ESLint, and Module Path Aliases.

• Project StructureLearn the folder and file conventions in Next.js, and how to organize your project.

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

• Linking and NavigatingLearn 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.

• Server and Client ComponentsLearn how you can use React Server and Client Components to render parts of your application on the server or the client.