Centro di apprendimento Langsys
Per lo sviluppatore che integra Langsys in un'app. Localizzazione continua in tempo reale: la frase nel tuo codice è la chiave e il testo predefinito, senza file di chiavi né fase di estrazione. Guarda il video di presentazione, leggi i cinque concetti, configura un progetto e poi scegli il tuo stack.
Il percorso
Tre tappe, in quest'ordine. Le pagine dell'SDK danno per scontate le prime due.
Concetti
Le idee alla base di Langsys: la frase come chiave, il rilevamento dei token, il locale store, le chiavi e l'aggiunta di un locale. Cinque pagine brevi, ciascuna con il suo video.
Passaggio 2 · 2 minGuida rapida
Crea un progetto, genera una chiave di scrittura e una di sola lettura, e inseriscile nel tuo env.
Passaggio 3Scegli il tuo stack
Sei SDK, un'unica interfaccia. Ogni pagina parte da Installazione e abbina demo dal vivo agli idiomi di quel binding.
Frontend — JavaScript
Un SDK di base fa il lavoro; ogni binding per framework è un sottile wrapper attorno ad esso.
TypeScript
L'SDK di base indipendente dal framework: langsys-js-typescript. Ogni binding si basa su di esso.
React
Hook e componenti — langsys-js-react.
Vue
Composable e componenti — langsys-js-vue.
Svelte
Store e componenti — langsys-js-svelte. La pagina con una demo per ogni primitiva.
Backend: rendering lato server
I tuoi template vengono tradotti sul server, così la pagina arriva già localizzata.
PHP
L'SDK di base: langsys/langsys-php. Per qualsiasi app PHP: PHP puro, un framework, un worker o una CLI.
Laravel
La direttiva Blade @t e l'helper t() — langsys/langsys-php-laravel.
Guide: rendering lato server
Ogni guida segue un unico schema — recuperare il catalogo sul server e inizializzare da esso il binding del client — così il catalogo viene recuperato una sola volta e la chiave del server resta sul server.
Next.js
App Router: recupero dei dati nel Server Component, inizializzazione con 'use client'.
Nuxt
Route Nitro + useAsyncData per inizializzare il binding Vue.
SvelteKit
Load di +layout.server.ts, writable standard come store della lingua.
Individua il problema, risolvilo
Affiancati
React, Vue, Svelte e TypeScript vanilla traducono in perfetta sincronia da un unico progetto condiviso.
La dashboard
Il Translation Manager senza codice a schermo: revisione, memoria, organizzazioni, crediti e fatturazione.
Video
Tutte le demo in un unico posto — il percorso sui concetti, Svelte API per API e il Translation Manager.
Risoluzione dei problemi
Frasi che non si traducono, blocchi CORS, mancati recuperi silenziosi in sola lettura: sintomi e soluzioni.
Cerchi il riferimento API e le guide all'integrazione? Vai alla documentazione di Langsys.