Schnellstart

1. Installiere Tyndale

   npm install tyndale tyndale-react

2. Initialisiere dein Projekt

   npx tyndale init

   Dadurch wird tyndale.config.json mit Standardeinstellungen erstellt.

3. Authentifiziere dich bei deinem AI-Provider

   npx tyndale auth

   Folge den Anweisungen, um deinen API-Schlüssel zu konfigurieren (Anthropic, OpenAI usw.).

4. Umschließe übersetzbare Inhalte

   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. Extrahiere und übersetze

   npx tyndale translate

   Tyndale durchsucht deine Quelldateien, extrahiert übersetzbare Strings und generiert Übersetzungen für alle konfigurierten Locales.

Was ist gerade passiert?

Tyndale hat dein JSX nach <T>-Komponenten und useTranslation()-Aufrufen durchsucht, den englischen Quelltext extrahiert, ihn zur Übersetzung an deinen AI-Provider gesendet und Locale-Dateien in dein output-Verzeichnis geschrieben.

Keine Key-Dateien. Keine manuelle JSON-Bearbeitung. Deine Übersetzungen sind bereit.

Nächste Schritte

• Konfiguriere dein Projekt — Locales, AI-Modell, Output-Verzeichnis
• Richte Next.js ein — Middleware, Provider, statische Generierung
• Lerne die React API kennen — alle Komponenten und Hooks