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
Abstract geometric pattern of angled metallic panels
Devils tower national monument against a black sky
View through car window of person holding phone
Surfers riding waves in the ocean on a foggy day
Close-up of delicate white flowers against black background
Person sits on a bench under a dark sky.
Abstract geometric shapes with dramatic lighting
A lone figure stands on a modern architectural structure.
Man with flower petal held between lips