Nextjs parallel and intercepting routes
Github:https://github.com/Raphico/byte/tree/main
Live site: https://byte.raphico.tech/dashboard
I'm working on a project(
) where Iām trying to make nextjs parallel and intercepting routes to create a modal. But I can't seem to make it work. When I click on the workshop card, Iām redirected to ā/workshop/[workshopId]ā with both a standard route(in the workshop route under the app route group) and an intercepting route (in the @modal slot under the app route group) that triggers a modal. However, instead of displaying the modal, nextjs displays the normal workshop page. I'm guessing I'm doing something wrong that causes nextjs to miss the modal. I've gone through the docs, sample code, and similar github issues but still can't find the root cause
I would appreciate any insights or suggestions on resolving this problem to ensure the modal loads correctly
Live site: https://byte.raphico.tech/dashboard
I'm working on a project(
) where Iām trying to make nextjs parallel and intercepting routes to create a modal. But I can't seem to make it work. When I click on the workshop card, Iām redirected to ā/workshop/[workshopId]ā with both a standard route(in the workshop route under the app route group) and an intercepting route (in the @modal slot under the app route group) that triggers a modal. However, instead of displaying the modal, nextjs displays the normal workshop page. I'm guessing I'm doing something wrong that causes nextjs to miss the modal. I've gone through the docs, sample code, and similar github issues but still can't find the root causeI would appreciate any insights or suggestions on resolving this problem to ensure the modal loads correctly
GitHub
A platform for developers to plan and manage virtual workshops built with nextjs 14, RSC, server actions, and Drizzle ORM - Raphico/byte
Was this page helpful?
