Concepts

Before the SDKs — the handful of ideas that make Langsys different from traditional i18n. Read these in order and the code in every explorer will make immediate sense.

1 · How Langsys works

The phrase is the key. Realtime, continuous translation — no keys file, no extraction step.

2 · Token discovery

How the SDK finds what to translate: t(), <Translate>, <Phrase>, <DontTranslate>.

3 · The locale store

One reactive store drives every translation. Set the locale, the whole UI re-renders.

4 · Keys & environments

Write keys for development, read-only keys for the browser — and why that split is safe.

5 · Adding a locale

Reaching a new language is a project setting — new phrases translate on arrival, one run fills the rest.

Go deeper

Not on the track — read when a translation surprises you.

Gender agreement

Spanish says invitado or invitada. Langsys generates the branches; you pass one argument — and here’s how to find the phrases that want it.

Ready to see it running? The side-by-side demo puts these ideas on screen in React, Vue, Svelte, and vanilla TypeScript at once.