which version of next are you using?

14.2.13

why you need the useRouter?

In order to see which URL I want to generate the layout for

I want to serve different layouts depending on whether the user is on /dashboard or any other location

Okay here is my problem explained.

I have a website that has a landing page situated at / there i want to show a navbar with the logo and 2 other items that navigate to /features and /auth. All 3 routes have a same layout of a navbar at top a footer at bottom and a section in between.

But when the user successfully logs in they are redirected to /dashboard now this dashboard and all nested routes have a different layout, they have a sidenavigation menu and a main section.

In order to solve this I have created 2 separate layouts CommonLayout & DashboardLayout and in my app/layout.tsx inside my Rootlayout I want to render any one of these based on the url. How should I achieve this?

But i still need to define the RootLayout right?

Also CommonLayout is what will be used for /features, /community, /auth

yeah RootLayout can be like empty and just pass children
and the others be like
app
- (common)
features
page.tsx
community
page.tsx
auth
page.tsx
CommonLayout
- dashboard
DashboardLayout
pages etc

Let me try this

Wait hold on

the layout is the same for / page, how do i define that?

As in the / page use the Common Layout

you make a folder on (common) called (home) and that would be the /
(common)
(home)
page.tsx

My current directory structure is

app/
    page.tsx
    layout.tsx
    auth/
        layout.tsx
        page.tsx
    community/
        layout.tsx
        page.tsx
    features/
        layout.tsx
        page.tsx

My RootLayout will exist in app/layout.tsx and the correspondng page in app/page.tsx

you can move the app/page.tsx to app/(common)/(home)/page.tsx
and it will be / too

Just to be clear If i do a
cp app/page.tsx app/common/home/page.tsx
that would work fine?

the group routes should have parenthesis, im not sure if that would work

ahhh ok, so basically if i do
cp app/page.tsx app/(common)/(home)/page.tsx
It should work?

you have to move it, not just copy it, cause you will have 2 routes /

Agreed i was just confirming the file paths

also reading the route groups doc, this solves my problem exactly.

I guess i missed this part of the docs

let me try it

route groups are just to share layouts and the text on parenthesis are not shown on the url

should look something like this

solved?

Yes this was the correct solution

can you mark it as solved?