Next 13 App Router - Dynamic Route

Answered

Capelin posted this in #help-forum

Open in Discord

CapelinOP

2023-08-26T13:12:26.000Z

Hi, I created a folder structure like this

app
  | - dashboard
              | - product
                        | - [id]
                               | - page.tsx
                        | - new
                              | - page.tsx

But when I tried to go to /dashboard/product/new it routed to the dynamic route, is it possible to make the folder structure like this ?

How can I go new page

Answered by alfon

try removing .next folder

View full answer

10 Replies

2023-08-26T13:14:03.000Z

a temporary solution could be to manually check in the [id] route and check if id query string is "new" and then just return that page

CapelinOP

2023-08-26T13:28:14.000Z

yey, I'm thinking of that way. But is it has a normal way? like a solution from the framework. Or it doesn't support this feature for now :3

2023-08-26T13:30:45.000Z

i remember reading that it is one of the last things that it does, but i can't find that ðŸ˜ right now, so idk

2023-08-26T13:36:17.000Z

as in nextjs pages it does that: https://codesandbox.io/s/shy-lake-j20v0 (a random codesnadbox i found)

@Capelin Hi, I created a folder structure like this app | - dashboard | - product | - [id] | - page.tsx | - new | - page.tsx But when I tried to go to `/dashboard/product/new` it routed to the dynamic route, is it possible to make the folder structure like this ? How can I go `new` page

2023-08-26T13:36:40.000Z

it should go to the /new/page.tsx

2023-08-26T13:36:45.000Z

try removing .next folder

Answer

2023-08-26T13:38:04.000Z

and if it doesn't work try canary version and then bug report @alfon?

2023-08-26T13:38:10.000Z

yeah

minimal repro repo first

@alfon try removing `.next` folder

CapelinOP

2023-08-26T13:58:37.000Z

omg, solved. Thank you so much ðŸ™