✳flâneur — a map of the web's best reading

Routing: Pages and Layouts | Next.js

nextjs.org · 1,392 words · saved by 1 readers

Create your first page and shared layout with the App Router.

This page is also available as Markdown at /docs/app/getting-started/layouts-and-pages.md . For an index of Next.js documentation , see /docs/llms.txt . Copy page Layouts and Pages Last updated June 23, 2026 Next.js uses file-system based routing , meaning you can use folders and files to define routes. This page will guide you through how to create layouts and pages, and link between them. Creating a page A page is UI that is rendered on a specific route. To create a page, add a page file inside the app directory and default export a React component. For example, to create an index page ( / )

Explore this link on the map →

related reading