nextJS nested Routes for multiple slug cases

Question

Hello everyone I have a problem regarding nextJS routing i have the following folder structure and its works fine for a simple scenario where a project has only one folder and this folder have one domain but my problem occurs when a project has a folder and this folder have many subfolders

for example if i have this URL projects/1/folder1/subfolder1/subsubfolder1/.../domain1

so as you can see i don't know how many slugs i will have how can I achieve this??

Please provide enough code so others can better understand or reproduce the problem. — Community
– Community Bot, Commented Jan 26, 2022 at 8:56

puncoz · Accepted Answer · 2022-01-17 11:03:27Z

6

Dynamic routes can be extended to catch all paths by adding three dots (...) inside the brackets.

It means you can create a file with name [...folder].js and in that file, you can write your logic to handle the route.

You can even make it optional by including the parameter in double brackets ([[...folder]]). This allows /base, /base/a, /base/a/b, and so on.

To access folder object you can simply get it from query as

{ "folder": ["a", "b"] }

answered Jan 17, 2022 at 11:03

puncoz

4972 silver badges9 bronze badges

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

Collectives™ on Stack Overflow

nextJS nested Routes for multiple slug cases

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related