Home | next-i18next

next-i18next

The easiest way to translate your Next.js apps.

App Router and Pages Router

Since v16, next-i18next supports the Next.js App Router: getT in Server Components, useT in Client Components and createProxy for proxy.ts. This site runs both routers side by side; this page uses the Pages Router.

Using a coding agent?

Paste this prompt into Claude Code, Cursor, Codex, GitHub Copilot or Gemini CLI. i18next-cli prints the steps for its installed version, you review the diff, and the translation files stay in your repository unless you choose otherwise.

Localize this app with i18next.
Run `npx i18next-cli localize --print-agent-prompt` and follow
the steps it prints, in order, checking each one before the next.

Using ICU MessageFormat or MF2?

Since v16.4.0, import I18nProvider from next-i18next/icu or next-i18next/mf2 and keep your ICU or MF2 messages, in Server and Client Components.

What's new in next-i18next v16?

Check out the blog post for the full story.

Are you using the Next.js App Router?

Then check out this blog post.

Do you like to unleash some super powers to have all side optimized translations?

Then you may have a look at this blog post.

Do you want to use SSG (next export)?

Then you may have a look at this blog post.

Using AI coding assistants like Claude or Cursor?

Check out this blog post to learn more.