#i18n#React#frontend

Web app i18n stack 2026

Localizing a web app is more than translating strings. Dates, numbers, currencies, plurals, RTL, SEO — all different.

Web app i18n stack 2026

Web app localization is broader than "translate the buttons". The full job:

Web app i18n stack 2026
Full i18n pipeline — four stages, each with its own tools.
  • UI strings (buttons, labels, error messages).
  • Long-form content (articles, descriptions).
  • Dates and times in local format.
  • Numbers, currencies, units.
  • Pluralization (1 file vs 2 files vs 0 files — varies wildly by language).
  • RTL — Arabic, Hebrew, Persian.
  • SEO — locale URLs, hreflang, sitemap entries.

Stack that works:

  • react-i18next or next-intl for UI strings.
  • Built-in Intl API for dates, numbers, currencies. Don't import moment.js — it's deprecated.
  • ICU MessageFormat for pluralization and complex substitutions.
  • Content translations in CMS or database, not in JS bundle.

What goes wrong:

  • Hardcoded strings in JSX. Start without i18n, retrofit is painful.
  • Wrong pluralization rules — English (1/many) applied to languages with more rules.
  • SEO — duplicate hreflang, missing x-default.
  • All translations in one giant JSON loaded everywhere.
  • Forgetting RTL — even when "we don't support Arabic" — text directions in mixed content.
Other articles
(01) Astro 5 in 2026 — what to use for a marketing site Astro 5 has settled in as the default for landings and blogs. What is actually useful from the new features — Server Islands, Content Layer, View Transitions. → (02) Server Components two years in RSC was the future of React in 2024. By 2026 it is split between believers and pragmatists. Where it actually helped. → (03) TanStack Query as state manager TanStack Query (formerly React Query) was built for server state. Many teams use it as their primary state tool. It works. → (04) Next.js 15 Server Actions in production Server Actions reduce CRUD code by 30-50%. They also have edge cases. What we found shipping them at scale. → (05) Next.js vs Nuxt 3 — pick by your team Next.js for React teams, Nuxt for Vue. Technically equivalent. Pick by what your team already knows. →