TanStack•3mo ago•

7 replies

worthy-azure

Trying to create pathless route with nested folders

reacttypescript

This is the kind of folder structure I am going for. This is achievable with Next.js but not too sure if I can achieve this with tanstack router.
I wanted my urls to be

/email

/email

/phone

/phone

only. The reason why I still have

(lobby)/index.tsx

(lobby)/index.tsx

is to handle redirection to either

/email

/email

/phone

/phone

└── routes
    └── (lobby)
        ├── email
        │   └── index.tsx
        ├── index.tsx
        └── phone
            └── index.tsx

└── routes
    └── (lobby)
        ├── email
        │   └── index.tsx
        ├── index.tsx
        └── phone
            └── index.tsx

If I am not mistaken, the official way to achieve this is to go for flat routing like this

└── routes
    └── (lobby)
        ├── email.tsx
        ├── index.tsx
        └── phone.tsx

└── routes
    └── (lobby)
        ├── email.tsx
        ├── index.tsx
        └── phone.tsx

But what if I want to have further nested routes within

/email

/email

/phone

/phone

TanStack•3mo ago•

7 replies

worthy-azure

Trying to create pathless route with nested folders

reacttypescript

This is the kind of folder structure I am going for. This is achievable with Next.js but not too sure if I can achieve this with tanstack router.
I wanted my urls to be

/email

/email

/phone

/phone

only. The reason why I still have

(lobby)/index.tsx

(lobby)/index.tsx

is to handle redirection to either

/email

/email

/phone

/phone

└── routes
    └── (lobby)
        ├── email
        │   └── index.tsx
        ├── index.tsx
        └── phone
            └── index.tsx

└── routes
    └── (lobby)
        ├── email
        │   └── index.tsx
        ├── index.tsx
        └── phone
            └── index.tsx

If I am not mistaken, the official way to achieve this is to go for flat routing like this

└── routes
    └── (lobby)
        ├── email.tsx
        ├── index.tsx
        └── phone.tsx

└── routes
    └── (lobby)
        ├── email.tsx
        ├── index.tsx
        └── phone.tsx

But what if I want to have further nested routes within

/email

/email

/phone

/phone

Trying to create pathless route with nested folders

Similar Threads

Trying to create pathless route with nested folders

Similar Threads

Similar Threads

Similar Threads