Centro de aprendizaje de Langsys
Para el desarrollador que integra Langsys en una app. Localización continua en tiempo real: la frase en tu código es la clave y el valor predeterminado; sin archivo de claves ni paso de extracción. Mira el video explicativo, lee los cinco conceptos, configura un proyecto y luego elige tu stack.
El camino
Tres paradas, en este orden. Las páginas del SDK dan por hechas las dos primeras.
Conceptos
Las ideas detrás de Langsys: la frase es la clave, el descubrimiento de tokens, el almacén de idiomas, las claves y cómo agregar un idioma. Cinco páginas breves, cada una con su video.
Paso 2 · 2 minInicio rápido
Crea un proyecto, genera una clave de escritura y una de solo lectura, y conéctalas a tu entorno.
Paso 3Elige tu stack
Seis SDK, una sola interfaz. Cada página empieza en Instalación y combina demostraciones en vivo con los modismos de ese enlace.
Frontend — JavaScript
Un SDK base hace el trabajo; cada integración con un framework es una capa delgada sobre él.
TypeScript
El SDK base, independiente del framework: langsys-js-typescript. Todos los bindings se construyen sobre él.
React
Hooks y componentes — langsys-js-react.
Vue
Composables y componentes: langsys-js-vue.
Svelte
Stores y componentes — langsys-js-svelte. La página con una demo por cada primitiva.
Backend: renderizado en el servidor
Tus plantillas se traducen en el servidor, así que la página llega ya localizada.
PHP
El SDK base: langsys/langsys-php. Para cualquier aplicación PHP: PHP puro, un framework, un worker o una CLI.
Laravel
La directiva de Blade @t y el helper t() — langsys/langsys-php-laravel.
Guías: renderizado del lado del servidor
Cada guía sigue un mismo patrón: obtén el catálogo en el servidor e inicializa con él el enlace del cliente, de modo que el catálogo se obtiene una sola vez y la clave del servidor permanece en el servidor.
Next.js
App Router: obtención de datos en Server Component, inicialización con 'use client'.
Nuxt
Ruta de Nitro + useAsyncData para inicializar el enlace de Vue.
SvelteKit
Carga de +layout.server.ts, writable estándar como almacén de configuración regional.
Detéctalo, corrígelo
Lado a lado
React, Vue, Svelte y TypeScript puro traduciendo en sincronía desde un único proyecto compartido.
El panel de control
El Translation Manager sin código en pantalla: revisión, memoria, organizaciones, créditos y facturación.
Videos
Todas las demos en un solo lugar: el recorrido de conceptos, Svelte API por API y el Translation Manager.
Solución de problemas
Frases que no se traducen, bloqueos de CORS, omisiones silenciosas en modo de solo lectura: síntomas y soluciones.
¿Buscas la referencia de la API y las guías de integración? Ve a la documentación de Langsys.