/nextjs-app-router-i18n-example

Next.js (App Router) internationalization with react-intl

Primary LanguageTypeScript

Next.js internationalization with react-intl example

demo

This project is a tutorial on how to do internationalization (i18n) in Next.js projects with built-in support for internationalized routing and react-intl library.

It contains examples for:

  • The internationalized routing config
  • Automatic Locale Detection
  • Setting the react-intl library
  • Language switcher
  • Setting text direction (ltr, rtl)
  • Declarative usage of the react-intl library
  • Imperative usage of the react-intl library

For more details, please see the full post: Next.js i18n tutorial

Requirements

  • Node ^18
  • npm ^10
  • git

Steps to get the app running

  • git clone
  • cd nextjs-app-router-i18n-example
  • npm install
  • npm run dev