i18n and Localization
Prepare UI for multiple languages, locale formats, and translation workflows.
Recommended approach
- Use
react-i18nextas 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.mdthat 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.