File-based routing is a popular strategy for frontend frameworks but is one of the contributors to the complexity of the frontend stack.
Regarding "Routes can be dynamic"
and how do you represent these in the filesystem
Nuxt.js/Vue and Next.js/React have some neat implementations
that you probably already checked
Regarding not mapping all files,
just don't include them in the pages folder,
like with components
Coupling the filesystem with the routing,
enforces some kind of nice organization,
particularly with deeply nested pages
I've seen
Component directory organization
To be way more chaotic in projects
Regarding "Routes can be dynamic"
and how do you represent these in the filesystem
Nuxt.js/Vue and Next.js/React have some neat implementations
that you probably already checked
Regarding not mapping all files,
just don't include them in the pages folder,
like with components
Coupling the filesystem with the routing,
enforces some kind of nice organization,
particularly with deeply nested pages
I've seen
Component directory organization
To be way more chaotic in projects