Langsys Learning Center
Für Entwickler, die Langsys in eine App einbinden. Lokalisierung in Echtzeit und kontinuierlich – der Ausdruck in deinem Code ist Schlüssel und Standardtext zugleich; keine Schlüsseldatei, kein Extraktionsschritt. Sieh dir das Erklärvideo an, lies die fünf Konzepte, richte ein Projekt ein und wähle dann deinen Stack.
Der Pfad
Drei Stationen, in dieser Reihenfolge. Die SDK-Seiten setzen die ersten beiden voraus.
Konzepte
Die Ideen hinter Langsys: die Phrase als Schlüssel, Token-Erkennung, der Locale-Store, Schlüssel und das Hinzufügen einer Sprache. Fünf kurze Seiten, jeweils mit Video.
Schritt 2 · 2 Min.Schnellstart
Erstellen Sie ein Projekt, generieren Sie einen Write-Key und einen schreibgeschützten Schlüssel und binden Sie sie in Ihre Umgebung ein.
Schritt 3Wählen Sie Ihren Stack
Sechs SDKs, eine Oberfläche. Jede Seite beginnt bei der Installation und kombiniert Live-Demos mit den typischen Idiomen der jeweiligen Anbindung.
Frontend – JavaScript
Ein Basis-SDK erledigt die Arbeit; jede Framework-Anbindung ist ein dünner Wrapper darum.
TypeScript
Das frameworkunabhängige Basis-SDK – langsys-js-typescript. Jede Anbindung baut darauf auf.
React
Hooks und Komponenten – langsys-js-react.
Vue
Composables und Komponenten – langsys-js-vue.
Svelte
Stores und Komponenten – langsys-js-svelte. Die Seite mit einem Demo-Ausschnitt pro Primitive.
Backend – serverseitig gerendert
Ihre Templates werden auf dem Server übersetzt, sodass die Seite bereits lokalisiert ankommt.
PHP
Das Basis-SDK – langsys/langsys-php. Für jede PHP-App: reines PHP, ein Framework, ein Worker oder eine CLI.
Laravel
Die Blade-Direktive @t und der Helper t() – langsys/langsys-php-laravel.
Anleitungen – Server-Side-Rendering
Jede Anleitung folgt einem Muster: den Katalog auf dem Server abrufen und die Client-Anbindung damit initialisieren. So wird der Katalog nur einmal abgerufen, und der Server-Schlüssel bleibt auf dem Server.
Next.js
App Router – Abruf in der Server Component, Initialisierung mit 'use client'.
Nuxt
Nitro-Route + useAsyncData zum Befüllen der Vue-Anbindung.
SvelteKit
+layout.server.ts lädt, Standard-writable als Locale-Store.
Erkennen und beheben
Im direkten Vergleich
React, Vue, Svelte und Vanilla-TypeScript übersetzen synchron aus einem gemeinsamen Projekt.
Das Dashboard
Der Translation Manager ohne Code auf dem Bildschirm: Überprüfung, Speicher, Organisationen, Guthaben und Abrechnung.
Videos
Alle Demos an einem Ort – die Konzepte-Reihe, Svelte API für API und der Translation Manager.
Fehlerbehebung
Phrasen, die sich nicht übersetzen lassen, CORS-Blockaden, stille Fehlzugriffe im Lesemodus – Symptome und Lösungen.
Sie suchen die API-Referenz und Integrationsanleitungen? Gehen Sie zur Langsys-Dokumentation.