Skip to main content
Design Patterns i18n recommended

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.

Tags

i18n localization translations rtl formatting

Discussion