React Localization Made Simple

import { useTranslation } from 'react-i18next';

function Welcome() {
  const { t } = useTranslation();

  return (
    <div>
      <h1>{t('welcome.title')}</h1>
      <p>{t('welcome.description')}</p>
      <button>{t('cta.getStarted')}</button>
    </div>
  );
}

// locales/en.json (synced by Edesy)
{
  "welcome": {
    "title": "Welcome to Our App",
    "description": "Build amazing things"
  },
  "cta": {
    "getStarted": "Get Started Free"
  }
}

// locales/es.json (AI translated)
{
  "welcome": {
    "title": "Bienvenido a Nuestra App",
    "description": "Construye cosas increibles"
  },
  "cta": {
    "getStarted": "Comenzar Gratis"
  }
}