i18n Localization

Internationalize web applications with i18next. Generates translation files, React hooks for language switching, plural/gender rules, date/number formatting, and automated translation workflows.

This skill helps you build multilingual applications. It sets up i18next with React/Next.js integration, generates namespace-organized translation files, implements language detection and switching, handles plurals and interpolation, configures server-side rendering for SEO, and creates workflows for managing translations at scale.

When to use

Use when adding multi-language support to your app, setting up translation workflows for your team, implementing right-to-left (RTL) layout support, or localizing date, number, and currency formats.

Examples

Next.js i18n setup

Add multi-language support to a Next.js app

Set up i18next in our Next.js App Router project with English and Spanish, namespace-based translation files, and language detection from URL

RTL layout support

Add right-to-left language support

Add Arabic and Hebrew support with proper RTL layout switching, bidirectional text handling, and mirrored UI components