Route Groups: Organize routes without affecting the URL structure

[widgeter]

Body

Summary

Organize routes without affecting the URL structure using Route Group. This can be created by wrapping a folder’s name in parenthesis: (folderName)

Background & Motivation

To better organize the routes in the page folder without the need to include subfolders that can affect the urls, something that could help is the use of Route Groups.

This is a concept that was introduced in Next.js v13. It is well documented at this url:

https://beta.nextjs.org/docs/routing/defining-routes#route-groups

Astro is a great framework and in the use of several projects we have noticed that when the number of pages increases, it becomes a huge list of resources without semantic order. With this new feature we could separate into folders (without affecting the urls) pages that belong to different modules or goals.

Goals

• Organize routes without affecting the URL structure

Example

/
├── src/
│  └── pages/
│       ├── (marketing)/
│       │   ├── about.astro
│       │   └── blog/
│       │       └── index.astro
│       ├── (shop)/
│       │   └── account.astro
│       ├── (legal)/
│       │   ├── terms.astro
│       │   └── privacy.astro
│       ├── index.astro
│       ├── 404.astro
│       ├-- rss.xml.ts
│       └── ...
└── ...

[pijusz]

Would love this enchancement in Astro!

[NuroDev]

By no means a priority but I really hope this gets added as a nice QoL improvement.

It makes organising a "full-stack site" (Marketing, dashboard, etc) project that bit easier

[cprcrack]

This would be great, any chance to reconsider it in 2025? :)

[florian-lefebvre]

FYi you can build this kind of custom abstraction in userland using https://inox-tools.fryuni.dev/custom-routing

[daimalou]

Thank you! I’ve solved. Fryuni/inox-tools#224

[volkandkaya]

Came here after AI hallucinated that the feature exists. It is a pretty useful feature especially for larger sites.

[cnrad]

I'm here for the exact same reason haha. +1