Group Routing always shows '404 This page could not be found.

Unanswered

Siamese posted this in #help-forum

SiameseOP

2025-04-02T15:54:24.019Z

Why does http://localhost:3000/dashboard show "404 This page could not be found" even though I have set up group routing with a layout?

Here is my folder structure:

src/app
├── (dashboard)
│ ├── layout.tsx
│ └── page.tsx
├── favicon.ico
├── globals.css
├── layout.tsx
└── page.tsx

I'm using Next.js 15.2.4.

7 Replies

@Siamese Why does http://localhost:3000/dashboard show "404 This page could not be found" even though I have set up group routing with a layout? Here is my folder structure: src/app ├── (dashboard) │ ├── layout.tsx │ └── page.tsx ├── favicon.ico ├── globals.css ├── layout.tsx └── page.tsx I'm using Next.js 15.2.4.

Yi Lon Ma

2025-04-02T15:55:10.006Z

you need (dashboard)/dashboard for it

SiameseOP

2025-04-02T15:56:08.287Z

where i put nexted layout?
(dashboard)
layout.tsx
dashbord/ page.tsx?

Yi Lon Ma

2025-04-02T15:56:59.197Z

nested groups does not create a route. So even if you created that group (dashboard), the page.tsx will clash with one inside app

SiameseOP

2025-04-02T16:36:18.226Z

@Yi Lon Ma

It's working now thanks, but when I try to access http://localhost:3000/plays, the root layout is still being loaded and wrapping the plays layout, as shown in the attached image.

src/app
├── dashboard
│   └── page.tsx
├── favicon.ico
├── layout.tsx
├── page.tsx
├── plays
│   ├── auction
│   │   ├── [id]
│   │   │   └── page.tsx
│   │   ├── loading.tsx
│   │   └── page.tsx
│   ├── coin-flip
│   │   └── page.tsx
│   ├── layout.tsx
│   ├── page.tsx
│   └── raffle
│   ├── [id]
│   │   └── page.tsx
│   ├── loading.tsx
│   └── page.tsx
├── pool
└── swap

10 directories, 13 files
syukurzay@Zai web-mellow %

@Siamese <@510480545160101898> It's working now thanks, but when I try to access http://localhost:3000/plays, the root layout is still being loaded and wrapping the plays layout, as shown in the attached image. src/app ├── dashboard │ └── page.tsx ├── favicon.ico ├── layout.tsx ├── page.tsx ├── plays │ ├── auction │ │ ├── [id] │ │ │ └── page.tsx │ │ ├── loading.tsx │ │ └── page.tsx │ ├── coin-flip │ │ └── page.tsx │ ├── layout.tsx │ ├── page.tsx │ └── raffle │ ├── [id] │ │ └── page.tsx │ ├── loading.tsx │ └── page.tsx ├── pool └── swap 10 directories, 13 files syukurzay@Zai web-mellow %

Yi Lon Ma

2025-04-02T16:37:59.416Z

use groups again

src/app
(default)/{layout.tsx,page.tsx}
(dashboard)/{layout.tsx,page.tsx}

@Yi Lon Ma ts src/app (default)/{layout.tsx,page.tsx} (dashboard)/{layout.tsx,page.tsx}

SiameseOP

2025-04-02T16:55:15.417Z

I got it now, I understand the structure. Thanks