Next.js Parallel Routes render multiple pages in

Short summary

Parallel Routes in Next.js App Router let you render multiple pages simultaneously within one layout using named slots prefixed with @. Each slot navigates independently, so a sidebar or modal can change without affecting the main content area. The tutorial covers slot setup, default.tsx fallbacks, and a practical modal pattern that preserves URL sharing.

• •Parallel routes use @-prefixed slot folders to render multiple independent pages within one layout
• •Each slot navigates independently — changing one doesn't rerender the others
• •default.tsx files provide fallback content when a slot has no matching route, preventing 404s

Generated with AI, which can make mistakes.