History

Hassan El Mghari 33aa51ab26 Change README structure in examples (#35349 ) Changed the README structure in all examples to take out the Stackblitz button and include it as a link instead using a [bash script](https://gist.github.com/Nutlope/a8f3556a5a401e32a8c6278b782ebf8a/revisions). I also added the Vercel deploy button to 15 READMEs that didn't have it.		2022-03-16 21:39:26 +00:00
..
components	Examples: Delete `as` prop from `<Link>` components (#27359 )	2021-07-20 22:05:20 +00:00
pages	Improve linting rules to catch more errors (#9374 )	2019-11-10 19:24:53 -08:00
.gitignore	Added .gitignore to examples that are deployed to vercel (#15127 )	2020-07-16 10:52:23 -04:00
package.json	Clean up examples `package.json` (#27121 )	2021-07-12 19:58:03 +00:00
README.md	Change README structure in examples (#35349 )	2022-03-16 21:39:26 +00:00

Dynamic Routing example

This example shows how to do dynamic routing in Next.js. It contains two dynamic routes:

pages/post/[id]/index.js
- e.g. matches /post/my-example (/post/:id)
pages/post/[id]/[comment].js
- e.g. matches /post/my-example/a-comment (/post/:id/:comment)

These routes are automatically matched by the server. You can use next/link as displayed in this example to route to these pages client side.

Deploy your own

Deploy the example using Vercel or preview live with StackBlitz

Execute create-next-app with npm or Yarn to bootstrap the example:

npx create-next-app --example dynamic-routing dynamic-routing-app
# or
yarn create next-app --example dynamic-routing dynamic-routing-app

Deploy it to the cloud with Vercel (Documentation).