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 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 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).