Inicio rápido

1. Instala Tyndale

   npm install tyndale tyndale-react

2. Inicializa tu proyecto

   npx tyndale init

   Esto crea tyndale.config.json con la configuración predeterminada.

3. Autentícate con tu proveedor de IA

   npx tyndale auth

   Sigue las indicaciones para configurar tu clave API (Anthropic, OpenAI, etc.).

4. Envuelve el contenido traducible

   import { T, useTranslation } from 'tyndale-react';
   
   export function Welcome() {
     const t = useTranslation();
     return (
       <div>
         <T>Welcome to our app!</T>
         <p>{t('You have {count} items', { count: 3 })}</p>
       </div>
     );
   }

5. Extrae y traduce

   npx tyndale translate

   Tyndale analiza tus archivos fuente, extrae cadenas traducibles y genera traducciones para todos los locales configurados.

¿Qué acaba de pasar?

Tyndale analizó tu JSX en busca de componentes <T> y llamadas a useTranslation(), extrajo el texto fuente en inglés, lo envió a tu proveedor de IA para su traducción y escribió archivos de locale en tu directorio output.

Sin archivos de claves. Sin edición manual de JSON. Tus traducciones están listas.

Próximos pasos

• Configura tu proyecto — locales, modelo de IA, directorio de salida
• Configura Next.js — middleware, providers, generación estática
• Aprende la API de React — todos los componentes y hooks