Vídeos

Cada demo, narrada do início ao fim. A maioria também acompanha a seção que ensina — o link embaixo de cada uma leva até lá. Comece pelo vídeo explicativo; depois siga a trilha de conceitos em ordem; o restante você pode assistir como referência.

Comece por aqui

O que é o Langsys, toda a configuração de uma só vez e a ideia que todo idioma exige — frases simples.

Assistir · 1:17 O que é a Langsys? Um SDK no seu app e um Translation Manager hospedado: como uma frase se registra sozinha ao ser executada, de onde vêm as traduções e como um post de blog publicado às 09:00 chega em espanhol para um leitor em Madri às 09:03 — sem build, sem chave de escrita. Na página: /learn

Assistir · 4:13 Primeiros passos, de ponta a ponta Crie o projeto e seus idiomas, gere uma chave de leitura e escrita, instale e inicialize o SDK e veja t(), <Translate>, <Phrase> e <DontTranslate> registrarem suas frases e o app mudar para espanhol e francês sem recarregar. Na página: /learn/quickstart

Assistir · 1:14 Pluralização Por que uma frase muda conforme o número, por que o if (count === 1) que resolve isso é gramática do inglês dentro do seu código, e como escrever a frase de forma simples gera todas as variações em todos os idiomas. Na página: /learn/concepts/locale-store

A trilha de conceitos

Cinco módulos curtos, em ordem, cada um partindo do anterior. Sem sintaxe específica de SDK na tela — os mesmos recortes ficam no topo das páginas de Conceitos.

Assistir · 0:30 O fluxo de trabalho O problema — a tradução passa por um pipeline de ida e volta, e o Langsys acaba com isso. Na página: /learn/concepts/how-it-works

Assistir · 0:42 Arquivos principais Onde um projeto começa, a chave que outras soluções de i18n obrigam você a inventar e o que a substitui. Na página: /learn/concepts/token-discovery

Assistir · 0:36 O armazenamento de localidade Como o locale ativo é mantido e alternado. Na página: /learn/concepts/locale-store

Assistir · 1:30 Chaves e ambientes Por que uma chave capaz de registrar nunca pode ser distribuída, por que somente leitura é um beco sem saída e qual chave vai onde — depois, o post do blog das 09:00: o que sai do navegador e quem registra diretamente. Na página: /learn/concepts/keys-and-environments

Assistir · 0:30 Adicionando um idioma Chegar a um novo idioma é uma configuração do projeto — as novas frases são traduzidas assim que chegam, e uma única execução preenche o restante. Na página: /learn/concepts/adding-a-locale

Svelte, API por API

Um recorte por primitiva no langsys-js-svelte. As outras integrações compartilham a mesma superfície; o que muda é a sintaxe.

Assistir · 1:00 Svelte: o passo a passo O que outras soluções de i18n obrigam você a manter em sincronia: uma chamada, uma troca de idioma, por que o espanhol genérico não serve para metade dos seus usuários e o que o select do ICU faz a respeito. Na página: /learn/sdk/svelte

Assistir · 1:09 t(phrase, category, params) Começa pelo problema do arquivo de chaves e depois apresenta os três argumentos, os placeholders ICU e os plurais. Na página: /learn/sdk/svelte

Assistir · 1:06 <Phrase> Uma frase com marcação dentro, mantida como uma única frase, e por que seus parâmetros são %name%. Na página: /learn/sdk/svelte

Assistir · 1:04 <Translate> Uma única tag registra uma região inteira, e por que um bloco é melhor do que uma chamada por linha. Na página: /learn/sdk/svelte

Assistir · 0:34 <DontTranslate> Nomes de marcas e identificadores mantidos exatamente como estão, sem tirá-los da frase. Na página: /learn/sdk/svelte

Assistir · 0:42 Blocos de conteúdo O que é um bloco de conteúdo — uma seção registrada como uma unidade, ainda composta por frases reutilizáveis individualmente. Na página: /learn/sdk/svelte

Assistir · 0:34 Categorias Por que o i18n inventou as chaves e o que as substitui — a mesma palavra, dois significados e os pares em que ela se divide. Na página: /learn/sdk/svelte

Assistir · 0:39 Concordância de gênero O condicional que outras bibliotecas de i18n deixam no seu componente e as ramificações que o Langsys gera no lugar. Na página: /learn/sdk/svelte

Assistir · 1:07 Atributos Como um formulário parcialmente traduzido aparece para quem o usa, e como um único <Translate> alcança placeholders, textos alternativos e rótulos aria na mesma passada. Na página: /learn/sdk/svelte

Assistir · 0:46 Números e datas Números e datas segundo o CLDR — por que o agrupamento é um padrão e não um separador, e por que um número de pedido deve ser passado como string. Na página: /learn/sdk/svelte

O Translation Manager

app.langsys.dev sem código na tela — para quem cuida dos textos, dos idiomas, das chaves e da fatura.

Assistir · 3:02 Gerenciando traduções O Manager sozinho, para quem é responsável pelo texto: um rascunho de máquina corrigido, Update Memory, AI Translate com Auto-next pela fila, Never Translate e um Translator convidado apenas para o espanhol. Na página: /learn/dashboard

Assistir · 2:47 Memória de tradução Um segundo projeto já nasce completo — a linha corrigida do carrinho, com o selo do autor preservado, sem chamar nenhum modelo. Em toda a organização, uma entrada por frase por idioma. Na página: /learn/dashboard

Assistir · 2:24 Configurações do Tradutor de IA Cada opção da aba, mostrada: personalizado por projeto, Usar traduções por IA, tradução automática ativada e desativada, detecção automática lidando com uma frase que já chega em espanhol. Na página: /learn/concepts/keys-and-environments

Assistir · 1:49 Adicionar um idioma Alemão adicionado a um projeto em produção: a política configurada para perguntar primeiro, a caixa de diálogo que calcula exatamente o custo do catálogo existente e a loja alternada para alemão sem nada compilado ou implantado. Na página: /learn/concepts/adding-a-locale

Assistir · 1:30 Atualizando um idioma atrasado As ações em massa do Manager para um idioma que ficou para trás — AI Translate Pending para uma localidade e depois para o projeto inteiro. Na página: /learn/concepts/adding-a-locale

Assistir · 1:38 Traduzindo um bloco de conteúdo Uma região <Translate> como um único bloco no Manager: o original ao lado do italiano ainda sem tradução, o AI Translate preenchendo os segmentos, um segmento reescrito manualmente e a frase com <DontTranslate> mantida de fora. Na página: /learn/concepts/token-discovery

Assistir · 1:30 Chaves de API em produção Uma chave depois de publicada: a página Activity com uma semana real de leituras, como pausar uma chave sem excluí-la e a rotação em vídeo. Na página: /learn/concepts/keys-and-environments

Assistir · 1:48 Uma organização, vários projetos A organização como ponto de partida de todo projeto: locales padrão, AI Translator e configurações de faturamento, e um projeto que voltou a herdá-los. Na página: /learn/dashboard

Assistir · 2:22 Uso e créditos Os dois medidores e como um projeto é financiado: uso da API em relação ao plano, créditos pré-pagos e gratuitos, uma transferência para um projeto, além do limite mensal e da recarga automática. Na página: /learn/dashboard

Assistir · 1:26 Planos e pagamentos Um tour pelo que está cadastrado: o plano e o ciclo de cobrança, Alterar plano, Formas de pagamento, Endereços e Faturas — com todas as caixas de diálogo canceladas. Na página: /learn/dashboard

Assistir · 1:13 Notificações A caixa de entrada e seus filtros, depois os padrões da conta por canal (no app e por e-mail), com uma substituição por projeto ativada e desativada novamente. Na página: /learn/dashboard

Assistir · 1:47 Conecte seu assistente de IA O Langsys dentro de um assistente de IA pelo servidor MCP hospedado: claude mcp add, a tela Authorize Access, uma resposta real sobre os idiomas da Store e a conexão revogada em Segurança. Na página: /learn/dashboard

Os cortes são renderizados a partir dos masters de langsys-demo-videos e publicados no repositório langsys-demos, os mesmos apps de demonstração que cada página de SDK abre no StackBlitz.