i18n and Localization

Prepare UI for multiple languages, locale formats, and translation workflows.

  • Use react-i18next as the default i18n library.
  • Keep translation keys domain-scoped by module.
  • Externalize date/number/currency formatting.
  • Treat localization as part of definition of done for user-facing features.

Implementation checklist

  • Add locale detection and override strategy.
  • Define translation ownership and review process.
  • Include RTL support checks if required markets need it.
  • Add guidance in AGENTS.md that the app supports multiple languages and all UI work must support all configured languages.

Common pitfalls

  • Hard-coded UI strings inside components.
  • Locale-specific formatting bugs in pricing and date displays.

On this page