Videos

Jeder Demo-Schnitt, vollständig vertont. Die meisten gehören außerdem zu dem Abschnitt, den sie erklären – der Link unter jedem Video führt Sie dorthin. Beginnen Sie mit dem Erklärvideo, dann folgt der Konzept-Track der Reihe nach; den Rest können Sie als Nachschlagewerk ansehen.

Hier starten

Was Langsys ist, die gesamte Einrichtung am Stück und die eine Idee, die jede Sprache braucht – flache Sätze.

Ansehen · 1:17 Was ist Langsys? Ein SDK in Ihrer App und ein gehosteter Translation Manager: wie sich eine Phrase durch die Ausführung selbst registriert, woher Übersetzungen kommen und wie ein um 09:00 Uhr veröffentlichter Blogbeitrag um 09:03 Uhr für eine Leserin in Madrid auf Spanisch erscheint – ohne Build, ohne Schreibschlüssel. Auf der Seite: /learn

Ansehen · 4:13 Der Einstieg, von Anfang bis Ende Erstelle das Projekt und seine Sprachen, erzeuge einen Lese- und Schreibschlüssel, installiere und initialisiere das SDK und sieh dann zu, wie t(), <Translate>, <Phrase> und <DontTranslate> ihre Phrasen registrieren und die App ohne Neuladen auf Spanisch und Französisch umschaltet. Auf der Seite: /learn/quickstart

Ansehen · 1:14 Pluralisierung Warum sich ein Satz mit seiner Zahl ändert, warum das if (count === 1), das dies behebt, englische Grammatik in deinem Code ist und wie du mit einem flach geschriebenen Satz jede Variante in jeder Sprache erhältst. Auf der Seite: /learn/concepts/locale-store

Der Konzepte-Track

Fünf kurze Module in der richtigen Reihenfolge, jedes baut auf dem vorherigen auf. Keine SDK-spezifische Syntax im Bild – dieselben Ausschnitte liegen über den Konzeptseiten.

Ansehen · 0:30 Der Workflow Das Problem: Übersetzungen laufen im Kreis durch eine Pipeline – und Langsys beseitigt das. Auf der Seite: /learn/concepts/how-it-works

Ansehen · 0:42 Wichtige Dateien Wo ein Projekt beginnt, welchen Schlüssel dir andere i18n-Lösungen zu erfinden aufzwingen und was ihn ersetzt. Auf der Seite: /learn/concepts/token-discovery

Ansehen · 0:36 Der Locale-Store Wie die aktive Sprache gehalten und umgeschaltet wird. Auf der Seite: /learn/concepts/locale-store

Ansehen · 1:30 Schlüssel & Umgebungen Warum ein Schlüssel, der registrieren kann, nie ausgeliefert werden darf, warum „nur lesend“ eine Sackgasse ist und welcher Schlüssel wohin gehört – dann der Blogbeitrag von 09:00 Uhr: was den Browser verlässt und wer direkt registriert. Auf der Seite: /learn/concepts/keys-and-environments

Ansehen · 0:30 Eine Sprache hinzufügen Eine neue Sprache zu erschließen ist nur eine Projekteinstellung – neue Phrasen werden bei Eingang übersetzt, ein Durchlauf füllt den Rest auf. Auf der Seite: /learn/concepts/adding-a-locale

Svelte, API für API

Ein Schnitt pro Primitive in langsys-js-svelte. Die anderen Bindings teilen sich dieselbe Oberfläche; die Syntax unterscheidet sich.

Ansehen · 1:00 Svelte: die Schritt-für-Schritt-Anleitung Was andere i18n-Lösungen Ihnen abverlangen, um Schritt zu halten: ein Aufruf, ein Sprachwechsel, warum flaches Spanisch für die Hälfte Ihrer Nutzer falsch ist und was ICU select dagegen tut. Auf der Seite: /learn/sdk/svelte

Ansehen · 1:09 t(phrase, category, params) Beginnt mit dem Problem der Schlüsseldatei, dann die drei Argumente, ICU-Platzhalter, Pluralformen. Auf der Seite: /learn/sdk/svelte

Ansehen · 1:06 <Phrase> Ein Satz mit Markup darin, als eine Phrase beibehalten – und warum seine Parameter %name% lauten. Auf der Seite: /learn/sdk/svelte

Ansehen · 1:04 <Translate> Ein Tag registriert einen ganzen Bereich – und warum ein Block besser ist als ein Aufruf pro Zeile. Auf der Seite: /learn/sdk/svelte

Ansehen · 0:34 <DontTranslate> Markennamen und Bezeichner bleiben unverändert erhalten, ohne dass sie aus dem Satz herausgelöst werden. Auf der Seite: /learn/sdk/svelte

Ansehen · 0:42 Inhaltsblöcke Was ein Inhaltsblock ist – ein Abschnitt, der als Einheit registriert wird und dennoch aus einzeln wiederverwendbaren Phrasen besteht. Auf der Seite: /learn/sdk/svelte

Ansehen · 0:34 Kategorien Warum i18n Schlüssel erfunden hat und was sie ersetzt – dasselbe Wort, zwei Bedeutungen, und die Paare, in die es sich aufspaltet. Auf der Seite: /learn/sdk/svelte

Ansehen · 0:39 Genus-Kongruenz Die Bedingungslogik, die andere i18n-Lösungen in Ihrer Komponente zurücklassen, und die Verzweigungen, die Langsys stattdessen generiert. Auf der Seite: /learn/sdk/svelte

Ansehen · 1:07 Attribute Wie ein halb übersetztes Formular auf die Person wirkt, die es nutzt, und wie ein einziges <Translate> Platzhalter, Alternativtexte und ARIA-Labels in einem Durchgang erreicht. Auf der Seite: /learn/sdk/svelte

Ansehen · 0:46 Zahlen & Datumsangaben Zahlen und Datumsangaben nach CLDR – warum Gruppierung ein Muster und kein Trennzeichen ist und warum eine Bestellnummer als String übergeben werden muss. Auf der Seite: /learn/sdk/svelte

Der Translation Manager

app.langsys.dev ohne Code auf dem Bildschirm – für alle, die für Texte, Sprachen, Schlüssel und die Rechnung zuständig sind.

Ansehen · 3:02 Übersetzungen verwalten Der Manager für sich allein, für die Person, der die Texte gehören: ein korrigierter maschineller Entwurf, Update Memory, AI Translate mit Auto-next durch die Warteschlange, Never Translate und ein Übersetzer, der nur für Spanisch eingeladen wurde. Auf der Seite: /learn/dashboard

Ansehen · 2:47 Übersetzungsspeicher Ein zweites Projekt startet bereits gefüllt – die korrigierte Warenkorbzeile samt Badge ihres Autors wird übernommen, ohne dass ein Modell aufgerufen wird. Organisationsweit: ein Eintrag pro Satz und Sprache. Auf der Seite: /learn/dashboard

Ansehen · 2:24 Einstellungen des KI-Übersetzers Jeder Schalter auf dem Tab im Überblick: projektspezifisch anpassbar, KI-Übersetzungen verwenden, automatische Übersetzung an und aus, automatische Erkennung bei einer Phrase, die bereits auf Spanisch eintrifft. Auf der Seite: /learn/concepts/keys-and-environments

Ansehen · 1:49 Eine Sprache hinzufügen Deutsch zu einem laufenden Projekt hinzugefügt: die Richtlinie auf „zuerst nachfragen“ gestellt, der Dialog, der den bestehenden Katalog exakt beziffert, und der Store auf Deutsch umgestellt – ohne Build und ohne Deployment. Auf der Seite: /learn/concepts/adding-a-locale

Ansehen · 1:30 Eine Sprache nachziehen Die Massenaktionen des Managers für eine Sprache, die zurückgefallen ist – AI Translate Pending für eine Locale, dann für das gesamte Projekt. Auf der Seite: /learn/concepts/adding-a-locale

Ansehen · 1:38 Einen Inhaltsblock übersetzen Ein <Translate>-Bereich als ein Block im Manager: das Original neben dem noch unübersetzten Italienisch, AI Translate, das die Segmente füllt, ein von Hand umformuliertes Segment und der zurückgehaltene <DontTranslate>-Satz. Auf der Seite: /learn/concepts/token-discovery

Ansehen · 1:30 API-Schlüssel in der Produktion Ein Schlüssel nach dem Livegang: die Seite „Aktivität“ mit einer echten Woche an Lesezugriffen, einen Schlüssel pausieren, ohne ihn zu löschen, und die Rotation vor der Kamera. Auf der Seite: /learn/concepts/keys-and-environments

Ansehen · 1:48 Eine Organisation, viele Projekte Die Organisation als Ausgangspunkt jedes Projekts: Standard-Locales, Einstellungen für den KI-Übersetzer und die Abrechnung sowie ein Projekt, das wieder auf Vererbung dieser Einstellungen zurückgesetzt wird. Auf der Seite: /learn/dashboard

Ansehen · 2:22 Nutzung & Credits Die zwei Zähler und wie ein Projekt finanziert wird: API-Nutzung im Rahmen des Tarifs, Prepaid- und Gratis-Guthaben, eine Übertragung auf ein Projekt sowie dessen Monatslimit und automatisches Aufladen. Auf der Seite: /learn/dashboard

Ansehen · 1:26 Tarife & Zahlungen Ein Rundgang durch die hinterlegten Daten: der Tarif und der Abrechnungszyklus, „Tarif ändern“, Zahlungsmethoden, Adressen und Rechnungen – jeder Dialog wird abgebrochen. Auf der Seite: /learn/dashboard

Ansehen · 1:13 Benachrichtigungen Der Posteingang und seine Filter, dann die Kontostandardeinstellungen für In-App- und E-Mail-Benachrichtigungen, mit einer projektspezifischen Überschreibung, die ein- und wieder ausgeschaltet wird. Auf der Seite: /learn/dashboard

Ansehen · 1:47 KI-Assistenten verbinden Langsys in einem KI-Assistenten über den gehosteten MCP-Server: claude mcp add, der Bildschirm „Zugriff autorisieren“, eine echte Antwort zu den Sprachen des Stores und die Verbindung, die unter „Sicherheit“ widerrufen wird. Auf der Seite: /learn/dashboard

Die Schnitte werden aus den langsys-demo-videos-Mastern gerendert und im Repository langsys-demos veröffentlicht – denselben Demo-Apps, die jede SDK-Seite in StackBlitz öffnet.