Internationalization (i18n) Patterns
Implement internationalization with translations, locale formatting, and RTL support.
- Difficulty
- intermediate
- Read time
- 1 min read
- Version
- v1.0.0
- Confidence
- established
- Last updated
Quick Reference
i18n: Use next-intl or react-i18next. Store translations in JSON files per locale. Use ICU MessageFormat for plurals/gender. Format dates/numbers with Intl API. Support RTL with logical CSS properties. Detect locale from Accept-Language header, URL, or user preference.
Use When
- Multi-language applications
- International users
- Right-to-left languages
- Currency/date formatting
Skip When
- Single-language apps
- Internal tools
- Prototypes
Internationalization (i18n) Patterns
Implement internationalization with translations, locale formatting, and RTL support.