Langsys Learning Center
Voor de ontwikkelaar die Langsys in een app integreert. Realtime, continue lokalisatie: de frase in je code is de sleutel én de standaardtekst, zonder sleutelbestand en zonder extractiestap. Bekijk de uitleg, lees de vijf concepten, zet een project op en kies dan je stack.
Het pad
Drie stops, in deze volgorde. De SDK-pagina's gaan uit van de eerste twee.
Concepten
De ideeën achter Langsys — de zin is de sleutel, token-detectie, de locale-store, sleutels en het toevoegen van een locale. Vijf korte pagina's, elk met een eigen video.
Stap 2 · 2 minSnelstart
Maak een project aan, genereer een schrijfsleutel en een alleen-lezensleutel, en koppel ze aan je env.
Stap 3Kies je stack
Zes SDK's, één interface. Elke pagina begint bij Installeren en combineert live demo's met de idiomen van die binding.
Frontend — JavaScript
Eén basis-SDK doet het werk; elke framework-binding is een dunne wrapper eromheen.
TypeScript
De frameworkonafhankelijke basis-SDK — langsys-js-typescript. Elke binding is hierop gebouwd.
React
Hooks en componenten — langsys-js-react.
Vue
Composables en componenten: langsys-js-vue.
Svelte
Stores en componenten — langsys-js-svelte. De pagina met een demo per primitive.
Backend — server-side gerenderd
Je templates worden op de server vertaald, zodat de pagina al gelokaliseerd binnenkomt.
PHP
De basis-SDK — langsys/langsys-php. Elke PHP-app: gewone PHP, een framework, een worker of een CLI.
Laravel
De Blade-directive @t en de helper t() — langsys/langsys-php-laravel.
Handleidingen — server-side rendering
Elke handleiding volgt hetzelfde patroon — haal de catalogus op de server op en initialiseer daarmee de clientkoppeling — zodat de catalogus maar één keer wordt opgehaald en de serversleutel op de server blijft.
Next.js
App Router — Server Component-fetch, 'use client'-init.
Nuxt
Nitro-route + useAsyncData die de Vue-binding vult.
SvelteKit
+layout.server.ts load, standaard writable als de locale store.
Zie het, los het op
Naast elkaar
React, Vue, Svelte en vanilla TypeScript vertalen synchroon vanuit één gedeeld project.
Het dashboard
De Translation Manager zonder code in beeld: review, geheugen, organisaties, credits en facturatie.
Video's
Alle demo's op één plek — het conceptenspoor, Svelte API voor API, en de Translation Manager.
Probleemoplossing
Frasen die niet worden vertaald, CORS-blokkades, stille misses bij alleen-lezen — symptomen en oplossingen.
Op zoek naar de API-referentie en integratiehandleidingen? Ga naar de Langsys-documentatie.