Internationalization and Localization in Web Apps

Build applications that work seamlessly across languages and regions.

Setting Up i18n in Next.js#

Using next-intl#

Interpolation and Plurals#

Formatting Numbers and Dates#

Language Switcher#

RTL Support#

Server-Side Translation#

Best Practices#

1. Extract all strings: Never hardcode text in components
2. Use namespaces: Organize translations by feature/page
3. Handle plurals: Different languages have different plural rules
4. Test RTL: Verify layout works for right-to-left languages
5. Lazy load: Only load translations for current locale

Keep translations close to code, use context for ambiguous terms, and always test with native speakers.