What are catch-all segments and what is its use?

Difficulty: 5/10

dynamic routing, catch-all routes, optional catch-all

Dynamic Segments can be extended to catch-all subsequent segments by adding an ellipsis inside the brackets [...folderName]. For example, app/shop/[...slug]/page.js will match /shop/clothes, but also /shop/clothes/tops, /shop/clothes/tops/t-shirts, and so on.

Use cases:

1
They are useful wherever we want to handle different url with same logic
2
They are useful for nested routes, wildcard routes, and flexible URL structures.
3
Use optional catch-all segments ([[...slug]]) to match both the root and nested paths.

0-2 years experience

Difficulty: 5/10

dynamic routing, catch-all routes, optional catch-all

Use cases:

1
They are useful wherever we want to handle different url with same logic
2
They are useful for nested routes, wildcard routes, and flexible URL structures.
3
Use optional catch-all segments ([[...slug]]) to match both the root and nested paths.

0-2 years experience