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

Routing: Parallel Routes | Next.js

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

Parallel Routes allows you to simultaneously or conditionally render one or more pages within the same layout. They are useful for highly dynamic sections of an app, such as dashboards and feeds on social sites. For example, considering a dashboard, you can use parallel routes to simultaneously render the team and analytics pages: Parallel routes are created using named slots. Slots are defined with the @folder convention. For example, the following file structure defines two slots: @analytics and @team: Slots are passed as props to the shared parent layout. For the example above, the component in app/layout.js now accepts the @analytics and @team slots props, and can render them in parallel alongside the children prop: However, slots are not route segments and do not affect the URL structure. For example, for /dashboard/@analytics/views, the URL will be /dashboard/views since @analytics is a slot. Good to know: By default, Next.js keeps track of the active state (or subpage) for each

This page is also available as Markdown at /docs/app/api-reference/file-conventions/parallel-routes.md . For an index of Next.js documentation , see /docs/llms.txt . Copy page Parallel Routes Last updated March 3, 2026 Parallel Routes allows you to simultaneously or conditionally render one or more pages within the same layout. They are useful for highly dynamic sections of an app, such as dashboards and feeds on social sites. For example, considering a dashboard, you can use parallel routes to simultaneously render the team and analytics pages: Convention Slots Parallel routes are created usi

Explore this link on the map →

related reading