Next.js Intercepting Routes Modal example

An example showing Next.js 13's Intercepting Routes feature.

Navigating into the photo page client-side will open a modal instead of a full page, while still updating the URL. Navigating directly into the photo page URL or refreshing the page while the modal is open will bring up the photo page instead.

View Source
Woman working at desk with coffee
Aurora borealis illuminates dark night sky over ocean and cliffs.
Translucent circles on a purple background.
Northern lights illuminate a snowy mountain landscape with small buildings.
Blurred colorful streaks above a dark, textured surface.
Dark silhouette gazes at crescent moon through circular opening.
Two women talking in a kitchen while cooking
Traditional chinese temple roof and red wall under clear sky.