Over het product Demo Tarieven
Oplossingen
Contact API
Projecten NL
Thema

React Lokalisatie API & Beheer (i18next Compatibel)

Localization.One integreert naadloos met moderne frontend frameworks. In plaats van enorme, conflictgevoelige JSON-bestanden in je Git-repository te beheren, kun je vertalingen rechtstreeks naar je React, Vue of Angular applicatie streamen.

Waarom kiezen ontwikkelaars voor onze React API?

  • Schone JSON Indeling: We genereren een standaard sleutel-waarde object ({ "key": "value" }) dat compatibel is met i18next, react-intl, vue-i18n, en andere populaire bibliotheken.
  • Framework Onafhankelijk: Hoewel perfect voor React, werkt dit formaat ook native met Vue.js, Angular, Svelte en Node.js backends.
  • Conflict Vrij: Stop met het handmatig samenvoegen van JSON-bestanden. Laat je team vertalingen bewerken in onze UI, en trek eenvoudig het uiteindelijke bestand tijdens de bouwtijd.

Geavanceerd Projectbeheer

Schaal je frontend lokalisatie zonder hoofdpijn.

Namespaces: Gebruik Categorieën om strings in aparte bestanden te organiseren (bijv. common.json, home.json, validation.json) om lazy loading te ondersteunen.

Labels & Tags: Markeer strings met aangepaste labels om exports via API te filteren.

Team Samenwerking: Nodig ontwerpers en copywriters uit. Wijs gedetailleerde rollen toe (Eigenaar, Beheerder, Manager, Vertaler).

Webhooks: Trigger automatisch Vercel of Netlify builds wanneer vertalingen worden bijgewerkt.

Hoe te Integreren

Optie 1: Handmatige Export (UI)

Perfect voor lokale ontwikkeling of testen.

  1. Ga naar je Project Dashboard.
  2. Klik op de Download knop.
  3. Kies JSON (Schoon) uit de formaat dropdown.
  4. Kies de taal en download het .json bestand.

Optie 2: Automatiseer met API (CI/CD)

Haal de nieuwste vertalingen rechtstreeks in je package.json scripts of CI-pijplijn. Geef de parameter format=json-clean door.

# Download Engelse vertalingen
curl "https://api.localization.one/{YOUR_API_KEY}/getTranslations?translation_language=1&format=json-clean" > src/locales/en/translation.json

# Download Spaanse vertalingen
curl "https://api.localization.one/{YOUR_API_KEY}/getTranslations?translation_language=2&format=json-clean" > src/locales/es/translation.json

Optie 3: Push via Webhooks

Configureer een Webhook URL in je projectinstellingen om het proces volledig te automatiseren.

  • Snel Updates: Je server ontvangt een POST-verzoek kort na wijzigingen (meestal binnen 5 minuten).
  • Trigger Builds: Verbind webhooks met je CI/CD provider (GitHub Actions, GitLab CI) om je frontend automatisch opnieuw op te bouwen wanneer de inhoud verandert.

Veelgestelde Vragen

Werkt dit met Next.js?

Ja. Aangezien Next.js standaard JSON-bestanden gebruikt voor internationalisatie (i18n), kun je eenvoudig ons json-clean formaat ophalen in je public/locales map tijdens het bouwproces.

Kan ik geneste sleutels gebruiken?

Momenteel exporteren we een platte sleutel-waarde structuur die perfect werkt met i18next. Als je de voorkeur geeft aan geneste JSON (bijv. home.title), kun je het bestand na het downloaden verwerken of puntnotatie in je sleutels gebruiken (home.title).

Ook relevant voor webontwikkelaars:

Klaar om je frontend lokalisatie te automatiseren? Maak vandaag nog je gratis account aan.

Navigatie