# Dynamic Routing example This example shows how to do [dynamic routing](https://nextjs.org/docs/routing/dynamic-routes) in Next.js. It contains two dynamic routes: 1. `pages/post/[id]/index.js` - e.g. matches `/post/my-example` (`/post/:id`) 1. `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](https://vercel.com): [](https://vercel.com/import/project?template=https://github.com/vercel/next.js/tree/canary/examples/dynamic-routing) ## How to use ### Using `create-next-app` Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example: ```bash npx create-next-app --example dynamic-routing dynamic-routing-app # or yarn create next-app --example dynamic-routing dynamic-routing-app ``` ### Download manually Download the example: ```bash curl https://codeload.github.com/vercel/next.js/tar.gz/canary | tar -xz --strip=2 next.js-canary/examples/dynamic-routing cd dynamic-routing ``` Install it and run: ```bash npm install npm run dev # or yarn yarn dev ``` Deploy it to the cloud with [Vercel](https://vercel.com/import?filter=next.js&utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)). # chyll-fleet-v3 # chyll-admin-v3 # chyll-admin-v3 # chyll-admin-v3