Centre d'apprentissage Langsys
Pour le développeur qui intègre Langsys dans une application. Localisation continue en temps réel : la phrase dans votre code sert à la fois de clé et de valeur par défaut, sans fichier de clés ni étape d'extraction. Regardez la vidéo explicative, lisez les cinq concepts, configurez un projet, puis choisissez votre stack.
Le parcours
Trois étapes, dans cet ordre. Les pages du SDK supposent que les deux premières sont faites.
Concepts
Les concepts à la base de Langsys : la phrase est la clé, la détection des tokens, le magasin de locales, les clés et l'ajout d'une locale. Cinq pages courtes, chacune avec sa vidéo.
Étape 2 · 2 minDémarrage rapide
Créez un projet, générez une clé d'écriture et une clé en lecture seule, puis intégrez-les à votre environnement.
Étape 3Choisissez votre stack
Six SDK, une seule interface. Chaque page commence par l'installation et associe des démos en direct aux idiomes propres à chaque liaison.
Frontend — JavaScript
Un SDK de base fait le travail ; chaque binding de framework n'en est qu'une fine couche d'encapsulation.
TypeScript
Le SDK de base, indépendant de tout framework — langsys-js-typescript. Chaque intégration s’appuie dessus.
React
Hooks et composants — langsys-js-react.
Vue
Composables et composants — langsys-js-vue.
Svelte
Stores et composants — langsys-js-svelte. La page avec une démo par primitive.
Backend — rendu côté serveur
Vos modèles sont traduits côté serveur : la page arrive donc déjà localisée.
PHP
Le SDK de base — langsys/langsys-php. Pour toute application PHP : PHP natif, framework, worker ou CLI.
Laravel
La directive Blade @t et le helper t() — langsys/langsys-php-laravel.
Guides : rendu côté serveur
Chaque guide suit un même schéma — récupérer le catalogue côté serveur, puis en initialiser la liaison du client — de sorte que le catalogue n'est récupéré qu'une seule fois et que la clé serveur reste sur le serveur.
Next.js
App Router — récupération dans le Server Component, initialisation avec 'use client'.
Nuxt
Route Nitro + useAsyncData pour alimenter la liaison Vue.
SvelteKit
Chargement +layout.server.ts, writable standard comme magasin de locales.
Repérez-le, corrigez-le
Côte à côte
React, Vue, Svelte et TypeScript natif traduisent en parfaite synchronisation à partir d'un même projet partagé.
Le tableau de bord
Le Translation Manager sans code à l'écran : révision, mémoire, organisations, crédits et facturation.
Vidéos
Toutes les démos réunies en un seul endroit — le parcours des concepts, Svelte API par API et le Translation Manager.
Dépannage
Phrases qui ne se traduisent pas, blocages CORS, échecs silencieux en lecture seule : symptômes et solutions.
Vous cherchez la référence de l'API et les guides d'intégration ? Rendez-vous sur la documentation Langsys.