Internationalized Routing

This example shows how to create internationalized pages using Next.js and the i18n routing feature. It shows a normal page, a non-dynamic getStaticProps page, a dynamic getStaticProps page, and a getServerSideProps page.

For further documentation on this feature see the Internationalized Routing docs.

Deploy your own

Deploy the example using Vercel or preview live with StackBlitz

Deploy with Vercel

How to use

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

npx create-next-app --example i18n-routing i18n-app
# or
yarn create next-app --example i18n-routing i18n-app
# or
pnpm create next-app -- --example i18n-routing i18n-app

Deploy it to the cloud with Vercel (Documentation).