Ogni demo, raccontata dall'inizio alla fine. Quasi tutte affiancano anche la sezione che spiegano: il link sotto ciascuna ti ci porta. Parti dal video introduttivo, poi segui in ordine il percorso sui concetti; il resto puoi guardarlo come riferimento.
Inizia da qui
Che cos'è Langsys, l'intera configurazione in un'unica ripresa e l'idea di base che serve a ogni lingua: le frasi piatte.
Guarda · 1:17Che cos'è Langsys?Un SDK nella tua app e un Translation Manager in hosting: come una frase si registra da sola durante l'esecuzione, da dove arrivano le traduzioni e come un articolo del blog pubblicato alle 09:00 venga letto in spagnolo alle 09:03 da un lettore a Madrid — senza build e senza chiave di scrittura. Nella pagina: /learnGuarda · 4:13Primi passi, dall'inizio alla fineCrea il progetto e le sue lingue, genera una chiave di lettura e scrittura, installa e inizializza l'SDK, poi guarda t(), <Translate>, <Phrase> e <DontTranslate> registrare le loro frasi e l'app passare a spagnolo e francese senza ricaricare la pagina. Nella pagina: /learn/quickstartGuarda · 1:14PluralizzazionePerché una frase cambia in base al numero, perché l'if (count === 1) che lo risolve è grammatica inglese nel tuo codice, e come scrivere la frase in forma semplice ti dà ogni variante in ogni lingua. Nella pagina: /learn/concepts/locale-store
Il percorso sui concetti
Cinque brevi moduli in ordine, ciascuno basato sul precedente. Nessuna sintassi specifica di un SDK a schermo: gli stessi tagli accompagnano le pagine dei Concetti.
Guarda · 0:30Il flusso di lavoroIl problema: la traduzione passa avanti e indietro in una pipeline, e Langsys lo elimina. Nella pagina: /learn/concepts/how-it-worksGuarda · 0:42File chiaveDa dove parte un progetto, la chiave che gli altri sistemi i18n ti costringono a inventare e ciò che la sostituisce. Nella pagina: /learn/concepts/token-discoveryGuarda · 0:36Lo store dei localeCome viene mantenuta e cambiata la lingua attiva. Nella pagina: /learn/concepts/locale-storeGuarda · 1:30Chiavi e ambientiPerché una chiave in grado di registrare non può mai essere distribuita, perché la sola lettura è un vicolo cieco e quale chiave va dove; poi l'articolo del blog delle 09:00: cosa esce dal browser e chi registra direttamente. Nella pagina: /learn/concepts/keys-and-environmentsGuarda · 0:30Aggiungere un localeAggiungere una nuova lingua è solo un'impostazione del progetto: le nuove frasi vengono tradotte appena arrivano e un'unica esecuzione completa tutte le altre. Nella pagina: /learn/concepts/adding-a-locale
Svelte, API per API
Un taglio per ogni primitiva su langsys-js-svelte. Gli altri binding condividono la stessa interfaccia; cambia solo la sintassi.
Guarda · 1:00Svelte: la guida passo passoCosa ti costringe a fare un altro i18n: una sola chiamata, un cambio di locale, perché uno spagnolo uniforme è sbagliato per metà dei tuoi utenti e come interviene ICU select. Nella pagina: /learn/sdk/svelteGuarda · 1:09t(phrase, category, params)Parte dal problema del file delle chiavi, poi i tre argomenti, i segnaposto ICU e i plurali. Nella pagina: /learn/sdk/svelteGuarda · 1:06<Phrase>Una frase con del markup al suo interno, mantenuta come un'unica frase, e perché i suoi parametri sono %name%. Nella pagina: /learn/sdk/svelteGuarda · 1:04<Translate>Un solo tag registra un'intera regione, e perché un blocco è meglio di una chiamata per ogni riga. Nella pagina: /learn/sdk/svelteGuarda · 0:34<DontTranslate>Nomi di brand e identificatori mantenuti invariati, senza estrarli dalla frase. Nella pagina: /learn/sdk/svelteGuarda · 0:42Blocchi di contenutoCos'è un blocco di contenuto — una sezione registrata come unità, ma composta da frasi riutilizzabili singolarmente. Nella pagina: /learn/sdk/svelteGuarda · 0:34CategoriePerché l'i18n ha inventato le chiavi e cosa le sostituisce: la stessa parola, due significati, e le coppie in cui si divide. Nella pagina: /learn/sdk/svelteGuarda · 0:39Concordanza di genereIl condizionale che gli altri sistemi i18n lasciano nel tuo componente, e i rami che Langsys genera al suo posto. Nella pagina: /learn/sdk/svelteGuarda · 1:07AttributiCome appare un modulo tradotto a metà a chi lo usa, e come un solo <Translate> raggiunge placeholder, testo alternativo ed etichette aria in un'unica passata. Nella pagina: /learn/sdk/svelteGuarda · 0:46Numeri e dateNumeri e date secondo CLDR: perché il raggruppamento è una forma e non un separatore, e perché un numero d'ordine deve essere passato come stringa. Nella pagina: /learn/sdk/svelte
Il Translation Manager
app.langsys.dev senza codice sullo schermo — per chi gestisce i testi, le lingue, le chiavi e la fatturazione.
Guarda · 3:02Gestione delle traduzioniIl Manager da solo, per chi si occupa dei testi: una bozza automatica corretta, Update Memory, AI Translate con Auto-next lungo la coda, Never Translate e un Translator invitato solo per lo spagnolo. Nella pagina: /learn/dashboardGuarda · 2:47Memoria di traduzioneUn secondo progetto nasce già completo: la riga del carrello corretta, con il badge del suo autore, viene riportata così com'è, senza chiamare alcun modello. A livello di organizzazione, una voce per frase per lingua. Nella pagina: /learn/dashboardGuarda · 2:24Impostazioni del traduttore AIOgni interruttore della scheda, mostrato: personalizzato per progetto, Usa traduzioni IA, traduzione automatica attiva e disattiva, rilevamento automatico che gestisce una frase già in spagnolo. Nella pagina: /learn/concepts/keys-and-environmentsGuarda · 1:49Aggiungere una linguaIl tedesco aggiunto a un progetto attivo: la policy impostata per chiedere conferma prima, la finestra di dialogo che calcola con precisione il costo del catalogo esistente e lo store passato al tedesco senza build né deploy. Nella pagina: /learn/concepts/adding-a-localeGuarda · 1:30Recuperare una lingua in ritardoLe azioni in blocco del Manager per una lingua rimasta indietro: AI Translate Pending per una lingua, poi per l'intero progetto. Nella pagina: /learn/concepts/adding-a-localeGuarda · 1:38Tradurre un blocco di contenutoUna regione <Translate> come blocco unico nel Manager: l'originale accanto all'italiano non tradotto, AI Translate che riempie i segmenti, un segmento riformulato a mano e la frase <DontTranslate> lasciata da parte. Nella pagina: /learn/concepts/token-discoveryGuarda · 1:30Chiavi API in produzioneUna chiave dopo il rilascio: la pagina Attività con una settimana reale di letture, come mettere in pausa una chiave senza eliminarla e la rotazione in diretta. Nella pagina: /learn/concepts/keys-and-environmentsGuarda · 1:48Un'organizzazione, tanti progettiL'organizzazione come punto di partenza di ogni progetto: lingue predefinite, impostazioni di AI Translator e fatturazione, e un progetto che torna a ereditarle. Nella pagina: /learn/dashboardGuarda · 2:22Utilizzo e creditiI due contatori e come viene finanziato un progetto: utilizzo dell'API rispetto al piano, crediti prepagati e gratuiti, un trasferimento a un progetto, il suo limite mensile e la ricarica automatica. Nella pagina: /learn/dashboardGuarda · 1:26Piani e pagamentiUn giro di ciò che è registrato: il piano e il ciclo di fatturazione, Cambia piano, Metodi di pagamento, Indirizzi e Fatture, con ogni finestra di dialogo annullata. Nella pagina: /learn/dashboardGuarda · 1:13NotificheLa posta in arrivo e i suoi filtri, poi le impostazioni predefinite dell'account per in-app ed email, con un override per progetto attivato e poi disattivato di nuovo. Nella pagina: /learn/dashboardGuarda · 1:47Collega il tuo assistente AILangsys all'interno di un assistente AI tramite il server MCP ospitato: claude mcp add, la schermata Authorize Access, una risposta reale sulle lingue dello Store e la connessione revocata da Sicurezza. Nella pagina: /learn/dashboard
I montaggi vengono renderizzati a partire dai master di langsys-demo-videos e pubblicati nel repository langsys-demos, le stesse app demo che ogni pagina degli SDK apre in StackBlitz.