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 people having a picnic on the grass
Crowded street in a japanese city with vibrant building advertisements.
Three colorful pedal boats with slides under a clear sky.
Painting of a bearded man wearing a yellow straw hat.
white flowers in green grass
Distant snow-capped mountains framed by dark foreground peaks.
Modern building facade with blue windows and grey textured wall.
Woman potting a plant on a porch
Abstract blue flowers with a swirling green background.