This example shows how to use rewrites in Next.js to map an incoming request path to a different destination path.

The index page (app/page.tsx) has a list of links that match the rewrites defined in next.config.js. Run or deploy the app to see how it works!

Deploy the example using Vercel or preview live with StackBlitz

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

npx create-next-app --example rewrites rewrites-app

yarn create next-app --example rewrites rewrites-app

pnpm create next-app --example rewrites rewrites-app

Deploy it to the cloud with Vercel (Documentation).