Parallel Routes & Intercepting Routes
Unanswered
Blue whiting posted this in #help-forum
Blue whitingOP
I'm proceeding with the tailwind responsive project, and I'm trying to implement the bottom sheet like a mobile modal.
When implementing the bottom sheet with one of the new technologies of Next.js, Parallel Routes & Intercepting Routes, could you tell me about the advantages and the disadvantages I need to care about?
I'd appreciate it if you could tell me the theoretical things or the individual's empirical strengths and weaknesses.
Currently, the complexity of reactive web projects is high, so I'm worried that the directory will become more complex when I adopt parallel routes.
@see https://nextjs.org/docs/app/building-your-application/routing/parallel-routes
When implementing the bottom sheet with one of the new technologies of Next.js, Parallel Routes & Intercepting Routes, could you tell me about the advantages and the disadvantages I need to care about?
I'd appreciate it if you could tell me the theoretical things or the individual's empirical strengths and weaknesses.
Currently, the complexity of reactive web projects is high, so I'm worried that the directory will become more complex when I adopt parallel routes.
@see https://nextjs.org/docs/app/building-your-application/routing/parallel-routes
3 Replies
Broad-snouted Caiman
That is not a good idea, bro
Plott Hound
parallel intercepting routes will change the url but appear as if a modal has popped up on the current page, the advantage is that link is shareable and if a user navigates directly to the link they will see a dedicated page instead of the modal. This is how Instagram works. The downside currently is that server actions performed within the modal will break the navigation so if you need to perform server actions within the modal then I would advise against it. In which case it would be better to fire a normal modal and do any fetching client side with something like useSWR
The big advantage is that you can essentially load an entire RSC route inside another page / modal