Elke demo, van begin tot eind toegelicht. De meeste staan ook bij het onderdeel dat ze behandelen — de link onder elke video brengt je er direct naartoe. Begin met de uitleg, ga dan de conceptenreeks in volgorde langs; de rest kun je als naslag bekijken.
Begin hier
Wat Langsys is, de hele installatie in één take en het ene idee dat elke taal nodig heeft: platte zinnen.
Bekijken · 1:17Wat is Langsys?Een SDK in je app en een gehoste Translation Manager: hoe een zin zichzelf registreert door gebruik, waar vertalingen vandaan komen, en een blogbericht dat om 09:00 wordt gepubliceerd en dat een lezer in Madrid om 09:03 in het Spaans krijgt — zonder build, zonder schrijfsleutel. Op de pagina: /learnBekijken · 4:13Aan de slag, van begin tot eindMaak het project en de bijbehorende locales aan, genereer een Read & Write-sleutel, installeer en initialiseer de SDK, en zie hoe t(), <Translate>, <Phrase> en <DontTranslate> hun zinnen registreren en de app zonder herladen overschakelt naar Spaans en Frans. Op de pagina: /learn/quickstartBekijken · 1:14MeervoudsvormenWaarom een zin verandert met het getal, waarom de if (count === 1) die dat oplost Engelse grammatica in je code is, en hoe je door de zin plat te schrijven elke variant in elke taal krijgt. Op de pagina: /learn/concepts/locale-store
Het conceptentraject
Vijf korte modules op volgorde, elk voortbouwend op de vorige. Geen SDK-specifieke syntaxis in beeld — dezelfde clips staan boven op de Concepten-pagina's.
Bekijken · 0:30De workflowHet probleem: vertalingen doorlopen een pipeline heen en weer, en Langsys schaft dat af. Op de pagina: /learn/concepts/how-it-worksBekijken · 0:42Belangrijkste bestandenWaar een project begint, de sleutel die je bij andere i18n zelf moet verzinnen, en wat die vervangt. Op de pagina: /learn/concepts/token-discoveryBekijken · 0:36De locale-storeHoe de actieve locale wordt bijgehouden en gewijzigd. Op de pagina: /learn/concepts/locale-storeBekijken · 1:30Sleutels & omgevingenWaarom een sleutel die kan registreren nooit mag worden uitgerold, waarom alleen-lezen een dood spoor is en welke sleutel waar hoort — daarna de blogpost van 09:00: wat de browser verlaat en wie rechtstreeks registreert. Op de pagina: /learn/concepts/keys-and-environmentsBekijken · 0:30Een locale toevoegenEen nieuwe taal bereiken is een projectinstelling — nieuwe zinnen worden bij binnenkomst vertaald, en met één run is de rest ook gevuld. Op de pagina: /learn/concepts/adding-a-locale
Svelte, API voor API
Eén opname per primitief op langsys-js-svelte. De andere koppelingen delen hetzelfde oppervlak; alleen de syntaxis verschilt.
Bekijken · 1:00Svelte: de walkthroughWat andere i18n-oplossingen je laten bijhouden: één aanroep, een wissel van locale, waarom platte Spaanse tekst fout is voor de helft van je gebruikers, en wat ICU select daaraan doet. Op de pagina: /learn/sdk/svelteBekijken · 1:09t(phrase, category, params)Begint bij het probleem met het sleutelbestand, daarna de drie argumenten, ICU-plaatsaanduidingen en meervoudsvormen. Op de pagina: /learn/sdk/svelteBekijken · 1:06<Phrase>Een zin met markup erin, behouden als één zin, en waarom de parameters %name% heten. Op de pagina: /learn/sdk/svelteBekijken · 1:04<Translate>Eén tag registreert een heel gebied, en waarom een blok beter is dan een aanroep per regel. Op de pagina: /learn/sdk/svelteBekijken · 0:34<DontTranslate>Merknamen en identifiers die letterlijk behouden blijven, zonder ze uit de zin te halen. Op de pagina: /learn/sdk/svelteBekijken · 0:42ContentblokkenWat een contentblok is — één sectie die als eenheid wordt geregistreerd, maar nog steeds uit afzonderlijk herbruikbare zinnen bestaat. Op de pagina: /learn/sdk/svelteBekijken · 0:34CategorieënWaarom i18n sleutels bedacht en wat ze vervangt — hetzelfde woord, twee betekenissen en de paren waarin het zich splitst. Op de pagina: /learn/sdk/svelteBekijken · 0:39Overeenkomst in geslachtDe conditionele logica die andere i18n-oplossingen in je component achterlaten, en de vertakkingen die Langsys in plaats daarvan genereert. Op de pagina: /learn/sdk/svelteBekijken · 1:07AttributenHoe een half vertaald formulier eruitziet voor wie het invult, en hoe één <Translate> in één keer placeholders, alt-teksten en aria-labels bereikt. Op de pagina: /learn/sdk/svelteBekijken · 0:46Getallen & datumsGetallen en datums volgens CLDR — waarom groepering een patroon is en geen scheidingsteken, en waarom een ordernummer als string moet worden doorgegeven. Op de pagina: /learn/sdk/svelte
De Translation Manager
app.langsys.dev zonder code in beeld — voor wie de teksten, de talen, de sleutels en de rekening beheert.
Bekijken · 3:02Vertalingen beherenDe Manager op zichzelf, voor wie de teksten beheert: een machinaal concept gecorrigeerd, Geheugen bijwerken, AI-vertaling met Auto-next door de wachtrij, Nooit vertalen en een vertaler die alleen voor Spaans is uitgenodigd. Op de pagina: /learn/dashboardBekijken · 2:47VertaalgeheugenEen tweede project start al gevuld op — de gecorrigeerde winkelwagenregel met de badge van de auteur blijft behouden, zonder dat er een model wordt aangeroepen. Organisatiebreed: één item per zin per taal. Op de pagina: /learn/dashboardBekijken · 2:24Instellingen voor AI-vertalerElke schakelaar op het tabblad, in beeld: aangepast per project, AI-vertalingen gebruiken, automatisch vertalen aan en uit, automatische detectie bij een zin die al in het Spaans binnenkomt. Op de pagina: /learn/concepts/keys-and-environmentsBekijken · 1:49Een taal toevoegenDuits toegevoegd aan een live project: het beleid ingesteld om eerst te vragen, het dialoogvenster dat de bestaande catalogus exact doorrekent, en de store omgezet naar Duits zonder dat er iets is gebouwd of uitgerold. Op de pagina: /learn/concepts/adding-a-localeBekijken · 1:30Een taal bijwerkenDe bulkacties van de Manager voor een taal die achterloopt — AI-vertaling van openstaande items voor één locale, en daarna voor het hele project. Op de pagina: /learn/concepts/adding-a-localeBekijken · 1:38Een contentblok vertalenEen <Translate>-gebied als één blok in de Manager: het origineel naast het onvertaalde Italiaans, AI Translate die de segmenten invult, een met de hand herformuleerd segment en de <DontTranslate>-zin die buiten de vertaling blijft. Op de pagina: /learn/concepts/token-discoveryBekijken · 1:30API-sleutels in productieEen sleutel nadat hij live is: de Activiteit-pagina met een echte week aan leesacties, een sleutel pauzeren zonder hem te verwijderen en roteren, live in beeld. Op de pagina: /learn/concepts/keys-and-environmentsBekijken · 1:48Eén organisatie, meerdere projectenDe organisatie als vertrekpunt van elk project: standaardtalen, AI Translator- en facturatie-instellingen, en een project dat weer overschakelt op het overnemen daarvan. Op de pagina: /learn/dashboardBekijken · 2:22Gebruik & creditsDe twee meters en hoe een project wordt gefinancierd: API-gebruik ten opzichte van het abonnement, vooruitbetaald en gratis tegoed, een overboeking naar een project, en de maandelijkse limiet en automatisch opwaarderen. Op de pagina: /learn/dashboardBekijken · 1:26Abonnementen & betalingenEen rondleiding door wat er is vastgelegd: het abonnement en de factureringscyclus, Abonnement wijzigen, Betaalmethoden, Adressen en Facturen — elk dialoogvenster geannuleerd. Op de pagina: /learn/dashboardBekijken · 1:13MeldingenDe inbox en de filters ervan, daarna standaardinstellingen van het account per in-app en e-mail, met een override per project die aan en weer uit wordt gezet. Op de pagina: /learn/dashboardBekijken · 1:47Verbind je AI-assistentLangsys in een AI-assistent via de gehoste MCP-server: claude mcp add, het scherm Toegang autoriseren, een echt antwoord over de talen van de Store, en de verbinding die via Beveiliging wordt ingetrokken. Op de pagina: /learn/dashboard
De cuts worden gerenderd vanuit de masters van langsys-demo-videos en gepubliceerd in de repo langsys-demos, dezelfde demo-apps die elke SDK-pagina opent in StackBlitz.