Intercepting routes

Modal vs full page

Same event data can appear as a full SEO page or as a compact modal preview, depending on how the user enters the route.

concept

Same event data

Full page and modal receive the same event object before rendering.

concept

Full page route owns metadata

The direct event URL keeps generateMetadata, canonical, hreflang and share previews.

concept

Modal route owns quick preview UX

The intercepted route renders inside @modal and stays focused on the list browsing flow.

concept

One component, two modes

EventDetails keeps the existing JSX in one place while routes provide different actions.