Cada versión de demostración, narrada de principio a fin. La mayoría también acompaña a la sección que explican: el enlace debajo de cada una te lleva allí. Comienza con el video explicativo; luego sigue la ruta de conceptos en orden; el resto puedes verlo como referencia.
Comienza aquí
Qué es Langsys, toda la configuración en una sola toma y la idea que todo idioma necesita: las oraciones planas.
Ver · 1:17¿Qué es Langsys?Un SDK en tu app y un Translation Manager alojado: cómo una frase se registra sola al ejecutarse, de dónde vienen las traducciones y cómo una entrada de blog publicada a las 09:00 llega en español a un lector en Madrid a las 09:03, sin compilar y sin clave de escritura. En la página: /learnVer · 4:13Primeros pasos, de principio a finCrea el proyecto y sus idiomas, genera una clave de lectura y escritura, instala e inicializa el SDK, y observa cómo t(), <Translate>, <Phrase> y <DontTranslate> registran sus frases y la app cambia a español y francés sin recargar. En la página: /learn/quickstartVer · 1:14PluralizaciónPor qué una oración cambia según el número, por qué el if (count === 1) que lo resuelve es gramática del inglés metida en tu código, y cómo escribir la oración en forma plana te da todas las ramas en todos los idiomas. En la página: /learn/concepts/locale-store
La ruta de conceptos
Cinco módulos cortos en orden, cada uno basado en el anterior. Sin sintaxis específica de ningún SDK en pantalla: los mismos cortes acompañan las páginas de Conceptos.
Ver · 0:30El flujo de trabajoEl problema: la traducción pasa de ida y vuelta por un pipeline, y Langsys lo elimina. En la página: /learn/concepts/how-it-worksVer · 0:42Archivos claveDónde empieza un proyecto, la clave que otros sistemas de i18n te obligan a inventar y qué la reemplaza. En la página: /learn/concepts/token-discoveryVer · 0:36El almacén de configuraciones regionalesCómo se mantiene y se cambia el idioma activo. En la página: /learn/concepts/locale-storeVer · 1:30Claves y entornosPor qué una clave que puede registrar nunca debe publicarse, por qué la clave de solo lectura es un callejón sin salida y qué clave va en cada lugar; luego, la entrada del blog de las 09:00: qué sale del navegador y quién registra directamente. En la página: /learn/concepts/keys-and-environmentsVer · 0:30Agregar un idiomaAgregar un nuevo idioma es un ajuste del proyecto: las frases nuevas se traducen al llegar y una sola ejecución completa el resto. En la página: /learn/concepts/adding-a-locale
Svelte, API por API
Un corte por primitiva en langsys-js-svelte. Los demás bindings comparten la misma superficie; lo que cambia es la sintaxis.
Ver · 1:00Svelte: el recorrido paso a pasoLo que otras soluciones de i18n te obligan a mantener sincronizado: una sola llamada, un cambio de idioma, por qué el español genérico no sirve para la mitad de tus usuarios y qué hace ICU select al respecto. En la página: /learn/sdk/svelteVer · 1:09t(phrase, category, params)Empieza con el problema del archivo de claves, luego los tres argumentos, los marcadores de posición ICU y los plurales. En la página: /learn/sdk/svelteVer · 1:06<Phrase>Una oración con marcado en su interior, conservada como una sola frase, y por qué sus parámetros son %name%. En la página: /learn/sdk/svelteVer · 1:04<Translate>Una sola etiqueta registra una región completa, y por qué un bloque es mejor que una llamada por línea. En la página: /learn/sdk/svelteVer · 0:34<DontTranslate>Los nombres de marca y los identificadores se conservan tal cual, sin sacarlos de la oración. En la página: /learn/sdk/svelteVer · 0:42Bloques de contenidoQué es un bloque de contenido: una sección registrada como unidad, formada aun así por frases reutilizables de forma individual. En la página: /learn/sdk/svelteVer · 0:34CategoríasPor qué i18n inventó las claves y qué las reemplaza: la misma palabra, dos significados y los pares en que se divide. En la página: /learn/sdk/svelteVer · 0:39Concordancia de géneroEl condicional que otras bibliotecas de i18n dejan en tu componente, y las ramas que Langsys genera en su lugar. En la página: /learn/sdk/svelteVer · 1:07AtributosCómo ve un formulario a medio traducir la persona que se topa con él, y cómo un solo <Translate> llega a placeholders, texto alternativo y etiquetas aria en la misma pasada. En la página: /learn/sdk/svelteVer · 0:46Números y fechasNúmeros y fechas según CLDR: por qué el agrupamiento es una forma y no un separador, y por qué un número de pedido debe pasarse como cadena. En la página: /learn/sdk/svelte
El Translation Manager
app.langsys.dev sin código en pantalla: para quien se encarga del contenido, los idiomas, las claves y la facturación.
Ver · 3:02Gestión de traduccionesEl Manager por sí solo, para quien se encarga del texto: un borrador automático corregido, Update Memory, AI Translate con Auto-next a lo largo de la cola, Never Translate y un Translator invitado solo para español. En la página: /learn/dashboardVer · 2:47Memoria de traducciónUn segundo proyecto arranca ya completo: la línea del carrito corregida, con la insignia de su autor incluida, sin llamar a ningún modelo. A nivel de toda la organización, una sola entrada por oración y por idioma. En la página: /learn/dashboardVer · 2:24Configuración del traductor con IACada interruptor de la pestaña, a la vista: personalizado por proyecto, Usar traducciones con IA, traducción automática activada y desactivada, detección automática con una frase que ya llega en español. En la página: /learn/concepts/keys-and-environmentsVer · 1:49Agregar un idiomaAlemán agregado a un proyecto en producción: la política configurada para preguntar primero, el diálogo que calcula con exactitud el costo del catálogo existente y la tienda cambiada a alemán sin compilar ni desplegar nada. En la página: /learn/concepts/adding-a-localeVer · 1:30Cómo poner al día un idiomaLas acciones masivas del Manager para un idioma que se quedó atrás: AI Translate Pending para una configuración regional y luego para todo el proyecto. En la página: /learn/concepts/adding-a-localeVer · 1:38Traducir un bloque de contenidoUna región <Translate> como un solo bloque en el Manager: el original junto al italiano sin traducir, AI Translate completando sus segmentos, un segmento reformulado a mano y la oración de <DontTranslate> excluida. En la página: /learn/concepts/token-discoveryVer · 1:30Claves de API en producciónUna clave después de publicarse: la página Actividad con una semana real de lecturas, cómo pausar una clave sin eliminarla y la rotación en pantalla. En la página: /learn/concepts/keys-and-environmentsVer · 1:48Una organización, muchos proyectosLa organización como punto de partida de todo proyecto: configuraciones regionales predeterminadas, ajustes del traductor con IA y de facturación, y un proyecto que vuelve a heredarlos. En la página: /learn/dashboardVer · 2:22Uso y créditosLos dos medidores y cómo se financia un proyecto: uso de la API frente al plan, créditos prepagados y gratuitos, una transferencia a un proyecto, y su límite mensual y recarga automática. En la página: /learn/dashboardVer · 1:26Planes y pagosUn recorrido por lo que hay registrado: el plan y el ciclo de facturación, Change Plan, Payment Methods, Addresses e Invoices; todos los diálogos cancelados. En la página: /learn/dashboardVer · 1:13NotificacionesLa bandeja de entrada y sus filtros, luego los valores predeterminados de la cuenta para notificaciones en la app y por correo, con una anulación por proyecto activada y desactivada de nuevo. En la página: /learn/dashboardVer · 1:47Conecta tu asistente de IALangsys dentro de un asistente de IA a través del servidor MCP alojado: claude mcp add, la pantalla Authorize Access, una respuesta real sobre los idiomas de la Store y la conexión revocada desde Security. En la página: /learn/dashboard
Los cortes se renderizan a partir de los masters de langsys-demo-videos y se publican en el repositorio langsys-demos: las mismas apps de demostración que abre cada página de SDK en StackBlitz.