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
Two young men taking a selfie on stairs.
A person in a white t-shirt adding cheese to pizza dough on a counter.
Large green Alocasia leaves with prominent white veins and a perforated Monstera leaf.
A white building facade with a climbing vine and the number 11.
A blue boat moored in clear water beside a white terrace with flowers.
A deer with velvet antlers seen from behind against a soft golden background.
A yellow and white striped umbrella over pool floats on a stone wall.
Person working at a desk with a laptop and books.
A person in a white lace top with a tree shadow on their back.