{
  "id": 4797619,
  "title": "Parallel Routes and Intercepting Routes in the Next.js App Router: Field Notes on the Photo-Modal Pattern",
  "url": "https://urgent.news/2026/09/01/parallel-routes-and-intercepting-routes-in-the-next-js-app-router",
  "topic": "tech",
  "section": "Tech",
  "published": "2026-09-01T06:00:24.000Z",
  "source": {
    "name": "Dev.to",
    "slug": "dev-to",
    "url": "https://dev.to/ahmed_mahmoud360/parallel-routes-and-intercepting-routes-in-the-nextjs-app-router-field-notes-on-the-photo-modal-56ko"
  },
  "original_language": "en",
  "account": null,
  "summary": "The article discusses the use of parallel routes and intercepting routes in the Next.js App Router, focusing on the Photo-Modal pattern. Parallel routes allow a layout to render multiple pages at the same URL through named @slot folders, while intercepting routes enable swapping a different component for that slot without changing the URL. The article explains that these features enable an Instagram-style photo modal pattern, where the same URL renders a modal on a soft navigation and a full page on a hard refresh. Key takeaways include how parallel routes work as named slots within a layout, how intercepting routes match routes relative to the file system, and how default.tsx is used to render content when the current URL doesn't match anything inside a slot.",
  "key_points": [],
  "editors_take": null,
  "illustration": null,
  "coverage": {
    "outlets": 2,
    "also_reported_by": [
      {
        "outlet": "Dev.to",
        "title": "How to Accelerate Next.js App Router API Routes by 10x",
        "url": "https://urgent.news/2026/08/29/how-to-accelerate-next-js-app-router-api-routes-by-10x",
        "published": "2026-08-29T04:39:18.000Z"
      }
    ]
  },
  "ai_generated": true,
  "disclaimer": "Summaries, key points and the editor’s take are written by software from other outlets’ reporting and may contain errors — always check the linked original."
}