Vidéos

Toutes les vidéos de démo, commentées de bout en bout. La plupart accompagnent aussi la section qu’elles présentent — le lien sous chacune vous y mène. Commencez par la vidéo explicative, puis suivez le parcours des concepts dans l’ordre ; vous pouvez regarder le reste comme référence.

Commencer ici

Ce qu'est Langsys, toute la configuration en une seule prise, et l'idée essentielle pour toutes les langues : les phrases à plat.

Regarder · 1:17 Qu'est-ce que Langsys ? Un SDK dans votre application et un Translation Manager hébergé : comment une phrase s'enregistre d'elle-même à l'exécution, d'où viennent les traductions, et comment un article de blog publié à 09:00 est reçu en espagnol à 09:03 par un lecteur à Madrid — sans build, sans clé d'écriture. Sur la page : /learn

Regarder · 4:13 Premiers pas, de A à Z Créez le projet et ses locales, générez une clé Lecture et écriture, installez et initialisez le SDK, puis regardez t(), <Translate>, <Phrase> et <DontTranslate> enregistrer leurs phrases et l'application passer en espagnol et en français sans rechargement. Sur la page : /learn/quickstart

Regarder · 1:14 Pluralisation Pourquoi une phrase change selon le nombre, pourquoi le if (count === 1) qui règle le problème revient à mettre la grammaire anglaise dans votre code, et comment écrire la phrase à plat vous donne toutes les variantes dans toutes les langues. Sur la page : /learn/concepts/locale-store

Le parcours sur les concepts

Cinq courts modules à suivre dans l'ordre, chacun s'appuyant sur le précédent. Aucune syntaxe propre à un SDK à l'écran : les mêmes séquences accompagnent les pages Concepts.

Regarder · 0:30 Le workflow Le problème : la traduction fait des allers-retours dans un pipeline, et Langsys les supprime. Sur la page : /learn/concepts/how-it-works

Regarder · 0:42 Fichiers clés Le point de départ d'un projet, la clé que les autres solutions d'i18n vous obligent à inventer, et ce qui la remplace. Sur la page : /learn/concepts/token-discovery

Regarder · 0:36 Le magasin de locales Comment la locale active est conservée et changée. Sur la page : /learn/concepts/locale-store

Regarder · 1:30 Clés et environnements Pourquoi une clé capable d’enregistrer ne doit jamais être livrée, pourquoi la lecture seule est une impasse, et quelle clé va où — puis l’article de blog de 09:00 : ce qui sort du navigateur et qui enregistre directement. Sur la page : /learn/concepts/keys-and-environments

Regarder · 0:30 Ajouter une locale Ajouter une nouvelle langue est un simple réglage de projet : les nouvelles phrases sont traduites dès leur arrivée, et une seule exécution complète le reste. Sur la page : /learn/concepts/adding-a-locale

Svelte, API par API

Une coupe par primitive sur langsys-js-svelte. Les autres intégrations partagent la même surface ; seule la syntaxe diffère.

Regarder · 1:00 Svelte : pas à pas Ce que les autres solutions d'i18n vous obligent à gérer à la main : un seul appel, un changement de locale, pourquoi un espagnol uniforme ne convient pas à la moitié de vos utilisateurs, et ce que fait le select ICU pour y remédier. Sur la page : /learn/sdk/svelte

Regarder · 1:09 t(phrase, category, params) Commence par le problème du fichier de clés, puis présente les trois arguments, les espaces réservés ICU et les pluriels. Sur la page : /learn/sdk/svelte

Regarder · 1:06 <Phrase> Une phrase contenant du balisage, conservée comme une seule phrase, et pourquoi ses paramètres s'écrivent %name%. Sur la page : /learn/sdk/svelte

Regarder · 1:04 <Translate> Une seule balise enregistre toute une région, et pourquoi un bloc vaut mieux qu'un appel par ligne. Sur la page : /learn/sdk/svelte

Regarder · 0:34 <DontTranslate> Les noms de marque et les identifiants sont conservés tels quels, sans être sortis de la phrase. Sur la page : /learn/sdk/svelte

Regarder · 0:42 Blocs de contenu Ce qu'est un bloc de contenu — une section enregistrée comme un tout, tout en restant composée de phrases réutilisables individuellement. Sur la page : /learn/sdk/svelte

Regarder · 0:34 Catégories Pourquoi l'i18n a inventé les clés, et ce qui les remplace : un même mot, deux sens, et les paires en lesquelles il se divise. Sur la page : /learn/sdk/svelte

Regarder · 0:39 Accord en genre La logique conditionnelle que les autres solutions d'i18n laissent dans votre composant, et les variantes que Langsys génère à la place. Sur la page : /learn/sdk/svelte

Regarder · 1:07 Attributs Ce que voit la personne face à un formulaire à moitié traduit, et comment un seul <Translate> atteint les placeholders, les textes alternatifs et les libellés aria en une seule passe. Sur la page : /learn/sdk/svelte

Regarder · 0:46 Nombres et dates Nombres et dates selon le CLDR : pourquoi le regroupement est un motif et non un séparateur, et pourquoi un numéro de commande doit être transmis sous forme de chaîne. Sur la page : /learn/sdk/svelte

Le Translation Manager

app.langsys.dev sans code à l'écran — pour celles et ceux qui gèrent les contenus, les langues, les clés et la facture.

Regarder · 3:02 Gérer les traductions Le Manager seul, pour la personne responsable des textes : un brouillon automatique corrigé, Update Memory, AI Translate avec Auto-next dans la file d'attente, Never Translate, et un Translator invité uniquement pour l'espagnol. Sur la page : /learn/dashboard

Regarder · 2:47 Mémoire de traduction Un deuxième projet démarre déjà rempli : la ligne de panier corrigée, avec le badge de son auteur, est reprise telle quelle, sans appel à un modèle. À l'échelle de l'organisation, une entrée par phrase et par langue. Sur la page : /learn/dashboard

Regarder · 2:24 Paramètres du traducteur IA Chaque réglage de l'onglet, montré : personnalisation par projet, Utiliser les traductions IA, traduction automatique activée et désactivée, détection automatique d'une phrase qui arrive déjà en espagnol. Sur la page : /learn/concepts/keys-and-environments

Regarder · 1:49 Ajouter une langue L'allemand ajouté à un projet en production : la politique réglée sur « demander d'abord », la boîte de dialogue qui chiffre précisément le catalogue existant, et la boutique basculée en allemand sans rien compiler ni déployer. Sur la page : /learn/concepts/adding-a-locale

Regarder · 1:30 Rattraper le retard d’une langue Les actions groupées du Manager pour une langue qui a pris du retard — AI Translate Pending pour une locale, puis pour l'ensemble du projet. Sur la page : /learn/concepts/adding-a-locale

Regarder · 1:38 Traduire un bloc de contenu Une région <Translate> comme bloc unique dans le Manager : l'original à côté de l'italien non traduit, AI Translate qui remplit ses segments, un segment reformulé à la main et la phrase <DontTranslate> mise de côté. Sur la page : /learn/concepts/token-discovery

Regarder · 1:30 Clés d'API en production Une clé après sa mise en production : la page Activité avec une vraie semaine de lectures, la mise en pause d'une clé sans la supprimer, et une rotation en direct. Sur la page : /learn/concepts/keys-and-environments

Regarder · 1:48 Une organisation, plusieurs projets L’organisation comme point de départ de chaque projet : locales par défaut, paramètres du traducteur IA et de facturation, et un projet revenu à l’héritage de ces paramètres. Sur la page : /learn/dashboard

Regarder · 2:22 Utilisation et crédits Les deux compteurs et la manière dont un projet est alimenté : l'utilisation de l'API par rapport au forfait, les crédits prépayés et gratuits, un transfert vers un projet, ainsi que sa limite mensuelle et sa recharge automatique. Sur la page : /learn/dashboard

Regarder · 1:26 Forfaits et paiements Un tour d’horizon de ce qui est enregistré : le forfait et le cycle de facturation, Changer de forfait, Moyens de paiement, Adresses et Factures — chaque boîte de dialogue étant annulée. Sur la page : /learn/dashboard

Regarder · 1:13 Notifications La boîte de réception et ses filtres, puis les paramètres par défaut du compte pour les notifications dans l'application et par e-mail, avec une dérogation par projet activée puis désactivée. Sur la page : /learn/dashboard

Regarder · 1:47 Connectez votre assistant IA Langsys dans un assistant IA via le serveur MCP hébergé : claude mcp add, l’écran Authorize Access, une vraie réponse sur les langues du Store, puis la connexion révoquée depuis Sécurité. Sur la page : /learn/dashboard

Les montages sont générés à partir des masters langsys-demo-videos et publiés dans le dépôt langsys-demos — les mêmes applications de démonstration que chaque page de SDK ouvre dans StackBlitz.