layout for subroutes

Answered

Mike posted this in #help-forum

2024-04-13T22:24:28.756Z

Hello, i have a page with an home page and /dashboard routes.

What is the best practice to create an layout for the subroutes like /dashboard /dashboard/users and so one.

Ive already created the layout. How i can implement it only in the subroutes?

Answered by !=tgt

like this

.
└── src/
    └── app/
        ├── page.tsx
        ├── layout.tsx
        └── dashboard/
            ├── page.tsx
            └── (subroutes)/
                └── layout.tsx
                    └── users/
                        └── page.tsx

View full answer

13 Replies

@Mike Hello, i have a page with an home page and /dashboard routes. What is the best practice to create an layout for the subroutes like /dashboard /dashboard/users and so one. Ive already created the layout. How i can implement it only in the subroutes?

!=tgt

2024-04-14T01:37:14.221Z

put the subroutes

in a folder

who's name is enclosed in parentheses (so that it's not part of the route)

and then put the layout in the root of that folder

!=tgt

2024-04-14T01:41:14.461Z

like this

.
└── src/
    └── app/
        ├── page.tsx
        ├── layout.tsx
        └── dashboard/
            ├── page.tsx
            └── (subroutes)/
                └── layout.tsx
                    └── users/
                        └── page.tsx

Answer

MikeOP

2024-04-14T01:43:57.213Z

Thank you very much 🙂

And where I need to define this layout? In dashboard/page.tsx?

Ahh, I only need to define it in the old version.

I understand

@Mike I understand

!=tgt

2024-04-14T01:48:47.963Z

make sure to mark the answer with the bot :)

MikeOP