Next.js Docs: App Router | Next.js

MenuUsing App RouterFeatures available in /appLatest Version16.1.6Next.js DocsApp RouterCopy pageApp RouterLast updated February 27, 2026The App Router is a file-system based router that uses React's latest features such as Server Components, Suspense, and Server Functions.Next StepsLearn 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.Was this helpful?