Advanced routing (parallel + intercepting)

Two Next.js App Router patterns. Parallel routes are wired end-to-end — see the parallel @slot demo. Intercepting routes are scanner-tolerated but the referrer-based dispatch is still future work.

Status: Parallel @slot renders in parallel with the main page and is passed to the deepest layout as a named prop. Intercepting (.)folder markers are recognised by the scanner so they don't shadow real URLs; the actual referrer-based override isn't yet implemented.

Source layout

// Parallel routes — scanner skips @slot folders today
    src/app/
├── layout.tsx           // (eventually) receives { children, modal }
├── page.tsx
└── @modal/
                └── page.tsx         // a slot, not a URL — /@modal is a 404

// Intercepting routes — scanner skips (.)folder today
src/app/photo/[id]/page.tsx          // /photo/123 → photo route
src/app/feed/(.)photo/[id]/page.tsx  // ignored (no referrer-based intercept)

What works today

  • Parallel routes: @slot/page.tsx renders alongside the main page; the deepest layout receives it as a named prop. Live in the parallel demo.
  • Intercepting routes: (.)folder / (..)folder / (...)folder markers are recognised so they don't shadow real routes — but the referrer-aware dispatch (Next.js modal-from-feed pattern) isn't yet implemented.
  • Route groups (name) (different from intercepting!) continue to work — folder name dropped from URL, contents render normally.