Central de Aprendizado da Langsys
Para o desenvolvedor que integra a Langsys a um app. Localização contínua e em tempo real — a frase no seu código é a chave e o texto padrão; sem arquivo de chaves, sem etapa de extração. Assista ao vídeo explicativo, leia os cinco conceitos, configure um projeto e depois escolha sua stack.
O caminho
Três etapas, nesta ordem. As páginas do SDK pressupõem as duas primeiras.
Conceitos
As ideias por trás da Langsys — a frase é a chave, descoberta de tokens, o armazenamento de idiomas, chaves e como adicionar um idioma. Cinco páginas curtas, cada uma com seu vídeo.
Etapa 2 · 2 minInício rápido
Crie um projeto, gere uma chave de escrita e uma chave somente leitura e conecte-as ao seu env.
Etapa 3Escolha sua stack
Seis SDKs, uma única interface. Cada página começa em Instalação e combina demos ao vivo com os idiomatismos de cada integração.
Frontend — JavaScript
Um SDK base faz o trabalho; cada integração com framework é um wrapper fino sobre ele.
TypeScript
O SDK base, independente de framework — langsys-js-typescript. Todas as integrações são construídas sobre ele.
React
Hooks e componentes — langsys-js-react.
Vue
Composables e componentes — langsys-js-vue.
Svelte
Stores e componentes — langsys-js-svelte. A página com uma demonstração para cada primitiva.
Backend — renderizado no servidor
Seus templates são traduzidos no servidor, então a página já chega localizada.
PHP
O SDK base — langsys/langsys-php. Qualquer app PHP: PHP puro, um framework, um worker ou uma CLI.
Laravel
A diretiva Blade @t e o helper t() — langsys/langsys-php-laravel.
Guias — renderização no servidor
Cada guia segue um único padrão — buscar o catálogo no servidor e inicializar a integração do cliente a partir dele — de modo que o catálogo seja buscado uma só vez e a chave do servidor permaneça no servidor.
Next.js
App Router — busca no Server Component, inicialização com 'use client'.
Nuxt
Rota Nitro + useAsyncData alimentando a integração com o Vue.
SvelteKit
Load de +layout.server.ts, writable padrão como armazenamento de idioma.
Veja, corrija
Lado a lado
React, Vue, Svelte e TypeScript puro traduzindo em sincronia a partir de um único projeto compartilhado.
O painel
O Translation Manager sem código na tela: revisão, memória, organizações, créditos e cobrança.
Vídeos
Todas as demos reunidas em um só lugar — a trilha de conceitos, a API do Svelte passo a passo e o Translation Manager.
Solução de problemas
Frases que não são traduzidas, bloqueios de CORS, falhas silenciosas no modo somente leitura — sintomas e soluções.
Procurando a referência da API e os guias de integração? Acesse a documentação da Langsys.