i18n-localization

name	i18n-localization
description	Internationalization and localization patterns. Detecting hardcoded strings, managing translations, locale files, RTL support.
type	skill
created	2026-02-27T00:00:00.000Z
domain	software-development
category	architecture
risk	safe
source	community
tags	["skill","software-development","architecture","i18n","localization"]

i18n & Localization

Internationalization (i18n) and Localization (L10n) best practices.

---

1. Core Concepts

Term	Meaning
i18n	Internationalization - making app translatable
L10n	Localization - actual translations
Locale	Language + Region (en-US, tr-TR)
RTL	Right-to-left languages (Arabic, Hebrew)

---

2. When to Use i18n

Project Type	i18n Needed?
Public web app	✅ Yes
SaaS product	✅ Yes
Internal tool	⚠️ Maybe
Single-region app	⚠️ Consider future
Personal project	❌ Optional

---

3. Implementation Patterns

React (react-i18next)

import { useTranslation } from 'react-i18next';

function Welcome() {
  const { t } = useTranslation();
  return <h1>{t('welcome.title')}</h1>;
}

Next.js (next-intl)

import { useTranslations } from 'next-intl';

export default function Page() {
  const t = useTranslations('Home');
   ;
}