Deviopath › Next.js

Route Groups in the URL

Easy · Routing

A folder in parentheses, like (shop), is a route group. It lets you organize routes (or give some of them their own layout) without changing the URL: app/(shop)/cart is still just /cart.

Write urlFromFolder(folderPath) that turns a folder path into its URL path.

- Paths always start with app (the app folder itself is /).

- Remove every route group segment.

- Keep all other segments as they are.

Next: generateStaticParams