We have migrated user-profile?userid=<id> to user-profile/<userId>. With this migration, We can open this page if the user navigates through the homepage or other pages but is not able to open it if someone tries to open the page directly.

We have migrated user-profile?userid=<id> to user-profile/<userId>. With this migration, We can open this page if the user navigates through the homepage or other pages but is not able to open it if someone tries to open the page directly.

• reactjs
• next.js13
• web-frontend

Share Improve this question Follow edited Nov 20, 2024 at 7:19 DarkBee 15.5k88 gold badges7272 silver badges117117 bronze badges asked Nov 20, 2024 at 5:58 user7537695user7537695 2333 bronze badges

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 0

In Next.js 13, creating dynamic routes is straightforward and follows a similar pattern to previous versions. Here’s how to set up dynamic routes:

1. Directory Structure for Dynamic Routes

In Next.js, dynamic routes are defined by square brackets ([]). For example, if you need a route like /user-profile/[id], create a folder named [id] inside the pages or app directory.

Example Directory Structure:

/pages
  /user-profile
    [id].tsx
  index.tsx