À propos du produit Démo Tarifs
Solutions
Contact API
Projets FR
Thème

API de localisation React et gestion (compatible i18next)

Localization.One s'intègre parfaitement avec les frameworks frontend modernes. Au lieu de gérer d'énormes fichiers JSON sujets aux conflits dans votre dépôt Git, vous pouvez diffuser des traductions directement vers votre application React, Vue ou Angular.

Pourquoi les développeurs choisissent notre API React ?

  • Format JSON propre : Nous générons un objet clé-valeur standard ({ "key": "value" }) compatible avec i18next, react-intl, vue-i18n, et d'autres bibliothèques populaires.
  • Indépendant du framework : Bien que parfait pour React, ce format fonctionne nativement avec Vue.js, Angular, Svelte et les backends Node.js.
  • Sans conflit : Arrêtez de fusionner manuellement les fichiers JSON. Laissez votre équipe éditer les traductions dans notre interface utilisateur, et tirez simplement le fichier final pendant le temps de construction.

Gestion de projet avancée

Évoluez votre localisation frontend sans tracas.

Espaces de noms : Utilisez Catégories pour organiser les chaînes dans des fichiers séparés (par exemple, common.json, home.json, validation.json) pour prendre en charge le chargement paresseux.

Étiquettes et tags : Marquez les chaînes avec des étiquettes personnalisées pour filtrer les exports via l'API.

Collaboration d'équipe : Invitez des designers et des rédacteurs. Attribuez des rôles granulaires (Propriétaire, Administrateur, Manager, Traducteur).

Webhooks : Déclenchez automatiquement des constructions Vercel ou Netlify lorsque les traductions sont mises à jour.

Comment intégrer

Option 1 : Exportation manuelle (UI)

Idéal pour le développement local ou les tests.

  1. Allez à votre Tableau de bord du projet.
  2. Cliquez sur le bouton Télécharger .
  3. Sélectionnez JSON (Propre) dans le menu déroulant des formats.
  4. Choisissez la langue et téléchargez le fichier .json.

Option 2 : Automatisez avec l'API (CI/CD)

Récupérez les dernières traductions directement dans vos scripts package.json ou votre pipeline CI. Passez le paramètre format=json-clean.

# Téléchargez les traductions en anglais
curl "https://api.localization.one/{YOUR_API_KEY}/getTranslations?translation_language=1&format=json-clean" > src/locales/en/translation.json

# Téléchargez les traductions en espagnol
curl "https://api.localization.one/{YOUR_API_KEY}/getTranslations?translation_language=2&format=json-clean" > src/locales/es/translation.json

Option 3 : Pousser via Webhooks

Configurez une URL de Webhook dans les paramètres de votre projet pour automatiser complètement le processus.

  • Mises à jour rapides : Votre serveur reçoit une requête POST peu après les modifications (généralement dans les 5 minutes).
  • Déclencher des constructions : Connectez des webhooks à votre fournisseur CI/CD (GitHub Actions, GitLab CI) pour reconstruire automatiquement votre frontend lorsque le contenu change.

Questions fréquentes

Est-ce que cela fonctionne avec Next.js ?

Oui. Puisque Next.js utilise des fichiers JSON standard pour l'internationalisation (i18n), vous pouvez simplement récupérer notre format json-clean dans votre dossier public/locales pendant le processus de construction.

Puis-je utiliser des clés imbriquées ?

Actuellement, nous exportons une structure clé-valeur plate qui fonctionne parfaitement avec i18next. Si vous préférez un JSON imbriqué (par exemple, home.title), vous pouvez traiter le fichier après le téléchargement ou utiliser la notation par points dans vos clés (home.title).

Aussi pertinent pour les développeurs web :

Prêt à automatiser votre localisation frontend ? Créez votre compte gratuit aujourd'hui.

Navigation