How to create nested routes with v2 file naming | Remix | Page 1

waxen swan Jun 25, 2023, 2:52 PM

#

Hey! How can I create nested layouts with v2 file naming convention? I am so confused with these underscore namings and how could I make multiple nested layouts in one route?

For example, I could have _quiz.tsx and _results.tsx layouts, how can I create a route such as /quiz/some-name/results where a _results layout would be nested inside _quiz layout?

umbral gust Jun 25, 2023, 3:16 PM

#

/quiz.tsx
/quiz.some-name.results.tsx

Would be equivalent to

waxen swan Jun 25, 2023, 3:56 PM

#

umbral gust ``` /quiz.tsx /quiz.some-name.results.tsx ``` Would be equivalent to <Quiz > ...

ah my bad, I should've made it clearer. My case is actually a url like /dashboard/quiz/{name}/results and the dashboard has it's own layout as well, so I a little bit unsure about the filenaming

umbral gust Jun 25, 2023, 4:00 PM

#

If you're used to v1 routing, then the big changes are

nested folders / becomes .
dot limiter . becomes trailing _

#

I think @hexed tusk 's Remix Forge have an auto v1 to v2 route converter? I haven't played with that feature yet.

hexed tusk Jun 25, 2023, 4:01 PM

#

Yes

#

I tested it on a big ass project with 100+ routes so you should have no issues

#How to create nested routes with v2 file naming