Routing Question

Answered

American Bobtail posted this in #help-forum

Open in Discord

American BobtailOP

2023-09-03T08:14:33.000Z

I have a component. One of the things it does is launch a modal using the router (so that 'back' works).
The component can appear in many places in the app.
When the modal is launched, it should sit on top of the page it was launched from, with that page visible underneath. All standard stuff.
Is there any way to set this up without needing to put a page file for the dialog in each of the places it might appear?

Answered by @ts-ignore

https://nextjs.org/docs/app/building-your-application/routing/intercepting-routes maybe you need this

View full answer

6 Replies

@American Bobtail I have a component. One of the things it does is launch a modal using the router (so that 'back' works). The component can appear in many places in the app. When the modal is launched, it should sit on top of the page it was launched from, with that page visible underneath. All standard stuff. Is there any way to set this up without needing to put a page file for the dialog in each of the places it might appear?

2023-09-03T08:19:23.000Z

https://nextjs.org/docs/app/building-your-application/routing/intercepting-routes maybe you need this

Answer

American BobtailOP

2023-09-03T08:22:35.000Z

I think this requires me to make some kind of (..) folder wherever the component might be used?

@American Bobtail I think this requires me to make some kind of (..) folder wherever the component might be used?

2023-09-03T08:22:59.000Z

yeah

I don't have much experience working with it but let me find some resources

https://youtu.be/pTsmh36ZB8c?si=0JvD9jIFP41KISIb

American BobtailOP

2023-09-03T09:34:32.000Z

Thanks I got there in the end