Overlapping of dynamic and static routes in next JS

Question

I created a nextJS application and using its routing system there. Now I have created a dynamic route to catch a URL like {base_url}/{username}/{post-slug}. But it is also capturing {base_url}/post/create which I want to be rendered on different page. So is there anything available in nextJS route to match a URL absolutely? Like, exact in react router? Or do I have to redirect user from getInitialProps function in nextJS?

Check the document content using the keyword Regular expression may help — keikai
– keikai, Commented Feb 20, 2020 at 7:02
Sorry to bother you, but I can't find any reference for regexp in the routing documentation of the next js. — avinash tiwari
– avinash tiwari, Commented Feb 20, 2020 at 7:08

tatsuya kanemoto · Accepted Answer · 2020-02-20 08:43:25Z

1

I created sample codesandbox for this question.

It works without Regular Expression. Always the specific route (post/create) has the priority.
I hope this helps you.

answered Feb 20, 2020 at 8:43

tatsuya kanemoto

2,03814 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

tatsuya kanemoto Over a year ago

Oh... I'm sorry I misunderstood your question. This is not a direct anwer but, I think the structure of your user route should be {base_url}/user/{username}/{post-slug}. This matches http://yourhostname/user/{username}/{post-slug} and doesn't conflict the post route.

Collectives™ on Stack Overflow

Overlapping of dynamic and static routes in next JS

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related