Über das Produkt Demo Preise
Lösungen
Kontakt API
Projekte DE
Thema

React Lokalisierungs-API & Management (i18next-kompatibel)

Localization.One integriert sich nahtlos in moderne Frontend-Frameworks. Anstatt riesige, konfliktanfällige JSON-Dateien in Ihrem Git-Repository zu verwalten, können Sie Übersetzungen direkt an Ihre React-, Vue- oder Angular-Anwendung streamen.

Warum Entwickler unsere React-API wählen?

  • Sauberes JSON-Format: Wir generieren ein standardmäßiges Schlüssel-Wert-Objekt ({ "key": "value" }), das mit i18next, react-intl, vue-i18nund anderen beliebten Bibliotheken kompatibel ist.
  • Framework-unabhängig: Während es perfekt für React ist, funktioniert dieses Format nativ mit Vue.js, Angular, Svelte und Node.js-Backends.
  • Konfliktfrei: Beenden Sie das manuelle Zusammenführen von JSON-Dateien. Lassen Sie Ihr Team Übersetzungen in unserer Benutzeroberfläche bearbeiten und ziehen Sie einfach die endgültige Datei während der Build-Zeit.

Erweiterte Projektverwaltung

Skalieren Sie Ihre Frontend-Lokalisierung ohne Kopfschmerzen.

Namenräume: Verwenden Sie Kategorien , um Zeichenfolgen in separate Dateien (z. B. common.json, home.json, validation.json) zu organisieren, um Lazy Loading zu unterstützen.

Labels & Tags: Markieren Sie Zeichenfolgen mit benutzerdefinierten Labels, um Exporte über die API zu filtern.

Team-Zusammenarbeit: Laden Sie Designer und Texter ein. Weisen Sie granulare Rollen zu (Eigentümer, Administrator, Manager, Übersetzer).

Webhooks: Automatisch Vercel oder Netlify Builds auslösen, wenn Übersetzungen aktualisiert werden.

So integrieren Sie

Option 1: Manueller Export (UI)

Perfekt für lokale Entwicklung oder Tests.

  1. Gehen Sie zu Ihrem Projekt-Dashboard.
  2. Klicken Sie auf die Download -Schaltfläche.
  3. Wählen Sie JSON (Sauber) aus dem Format-Dropdown.
  4. Wählen Sie die Sprache und laden Sie die .json-Datei herunter.

Option 2: Automatisieren mit API (CI/CD)

Holen Sie sich die neuesten Übersetzungen direkt in Ihre package.json-Skripte oder CI-Pipeline. Übergeben Sie den Parameter format=json-clean.

# Laden Sie englische Übersetzungen herunter
curl "https://api.localization.one/{YOUR_API_KEY}/getTranslations?translation_language=1&format=json-clean" > src/locales/en/translation.json

# Laden Sie spanische Übersetzungen herunter
curl "https://api.localization.one/{YOUR_API_KEY}/getTranslations?translation_language=2&format=json-clean" > src/locales/es/translation.json

Option 3: Push über Webhooks

Konfigurieren Sie eine Webhook-URL in Ihren Projekteinstellungen, um den Prozess vollständig zu automatisieren.

  • Schnelle Updates: Ihr Server erhält kurz nach Änderungen (in der Regel innerhalb von 5 Minuten) eine POST-Anfrage.
  • Builds auslösen: Verbinden Sie Webhooks mit Ihrem CI/CD-Anbieter (GitHub Actions, GitLab CI), um Ihr Frontend automatisch neu zu erstellen, wenn sich der Inhalt ändert.

Häufig gestellte Fragen

Funktioniert das mit Next.js?

Ja. Da Next.js standardmäßige JSON-Dateien für die Internationalisierung (i18n) verwendet, können Sie einfach unser json-clean-Format in Ihren public/locales-Ordner während des Build-Prozesses abrufen.

Kann ich verschachtelte Schlüssel verwenden?

Derzeit exportieren wir eine flache Schlüssel-Wert-Struktur, die perfekt mit i18next funktioniert. Wenn Sie verschachteltes JSON bevorzugen (z. B. home.title), können Sie die Datei nach dem Herunterladen verarbeiten oder die Punktnotation in Ihren Schlüsseln verwenden (home.title).

Auch relevant für Webentwickler:

Bereit, Ihre Frontend-Lokalisierung zu automatisieren? Erstellen Sie noch heute Ihr kostenloses Konto .

Navigation