Dynamic routing with multiple parameters in Next js - File Structure

Question

I want to create dynamic pages in nextjs to match the following route users/[user]/[dashboard]. My file structure

pages/
 users/
  -[user].js       // will match for /users/123
  - index.js        // will match for /users
    dashboard/
      - [dashboard].js   // will match for /users/1234/ABCD

I'm only receiving the [user] in the query param and not the [dashboard] inside the [dashboard].js . Can someone explain how to arrange file structure to match users/[user]/[dashboard]

juliomalves · Accepted Answer · 2021-06-27 14:23:04Z

9

To match the following dynamic routes users/[user]/[dashboard] you can structure your pages folder as follows:

pages/
  users/      
    index.js        // Matches `/users` route
    [user]/   
      index.js      // Matches `/users/user123` routes
      [dashboard]/
        index.js    // Matches `/users/user123/dashboardABC` routes

answered Jun 27, 2021 at 14:23

juliomalves

51.1k23 gold badges180 silver badges170 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Dynamic routing with multiple parameters in Next js - File Structure

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related