Każde demo, omówione od początku do końca. Większość z nich jest też powiązana z sekcją, której uczy — link pod każdym z nich do niej prowadzi. Zacznij od filmu wyjaśniającego, potem obejrzyj ścieżkę z pojęciami po kolei, a resztę możesz oglądać jako materiał pomocniczy.
Zacznij tutaj
Czym jest Langsys, cała konfiguracja w jednym ujęciu i jedna idea potrzebna w każdym języku — zdania bez wariantów.
Obejrzyj · 1:17Czym jest Langsys?SDK w Twojej aplikacji i hostowany Translation Manager: jak fraza rejestruje się sama podczas działania aplikacji, skąd pochodzą tłumaczenia oraz wpis na blogu opublikowany o 09:00, który czytelnik w Madrycie otrzymuje po hiszpańsku o 09:03 — bez kompilacji i bez klucza zapisu. Na stronie: /learnObejrzyj · 4:13Pierwsze kroki, od początku do końcaUtwórz projekt i jego języki, wygeneruj klucz do odczytu i zapisu, zainstaluj i zainicjuj SDK, a następnie zobacz, jak t(), <Translate>, <Phrase> i <DontTranslate> rejestrują swoje frazy, a aplikacja przełącza się na hiszpański i francuski bez przeładowania. Na stronie: /learn/quickstartObejrzyj · 1:14Liczba mnogaDlaczego zdanie zmienia się wraz z liczbą, dlaczego instrukcja if (count === 1), która to rozwiązuje, to angielska gramatyka w Twoim kodzie i jak zapisanie zdania w formie płaskiej daje wszystkie warianty w każdym języku. Na stronie: /learn/concepts/locale-store
Ścieżka o koncepcjach
Pięć krótkich modułów w kolejności, z których każdy zakłada znajomość poprzedniego. Bez składni specyficznej dla SDK na ekranie — te same ujęcia towarzyszą stronom z pojęciami.
Obejrzyj · 0:30Przebieg pracyProblem — tłumaczenie krąży w potoku (pipeline), a Langsys to eliminuje. Na stronie: /learn/concepts/how-it-worksObejrzyj · 0:42Kluczowe plikiOd czego zaczyna się projekt, jaki klucz inne rozwiązania i18n każą wymyślać i co go zastępuje. Na stronie: /learn/concepts/token-discoveryObejrzyj · 0:36Magazyn ustawień regionalnychJak przechowywany i przełączany jest aktywny język. Na stronie: /learn/concepts/locale-storeObejrzyj · 1:30Klucze i środowiskaDlaczego klucz, który może rejestrować, nigdy nie może trafić do przeglądarki, dlaczego tryb tylko do odczytu to ślepy zaułek i który klucz gdzie umieścić — a potem wpis na blogu z godz. 09:00: co opuszcza przeglądarkę i kto rejestruje bezpośrednio. Na stronie: /learn/concepts/keys-and-environmentsObejrzyj · 0:30Dodawanie językaDodanie nowego języka to ustawienie projektu — nowe frazy są tłumaczone od razu po pojawieniu się, a jedno uruchomienie uzupełnia resztę. Na stronie: /learn/concepts/adding-a-locale
Svelte, API po API
Jedno ujęcie na każdy prymityw w langsys-js-svelte. Pozostałe integracje mają tę samą powierzchnię API; różni się tylko składnia.
Obejrzyj · 1:00Svelte: instruktaż krok po krokuCo jeszcze w i18n sprawia, że musisz za wszystkim nadążać: jedno wywołanie, przełączenie języka, dlaczego płaski hiszpański jest błędny dla połowy Twoich użytkowników i co z tym robi ICU select. Na stronie: /learn/sdk/svelteObejrzyj · 1:09t(phrase, category, params)Zaczyna się od problemu z plikiem kluczy, a następnie omawia trzy argumenty, placeholdery ICU i liczbę mnogą. Na stronie: /learn/sdk/svelteObejrzyj · 1:06<Phrase>Zdanie ze znacznikami w środku, zachowane jako jedna fraza, i dlaczego jego parametry mają postać %name%. Na stronie: /learn/sdk/svelteObejrzyj · 1:04<Translate>Jeden tag rejestruje cały fragment i dlaczego blok sprawdza się lepiej niż osobne wywołanie dla każdej linii. Na stronie: /learn/sdk/svelteObejrzyj · 0:34<DontTranslate>Nazwy marek i identyfikatory zachowane w niezmienionej formie, bez wyciągania ich ze zdania. Na stronie: /learn/sdk/svelteObejrzyj · 0:42Bloki treściCzym jest blok treści — jedna sekcja rejestrowana jako całość, a jednocześnie złożona z pojedynczych fraz, które można wielokrotnie wykorzystywać. Na stronie: /learn/sdk/svelteObejrzyj · 0:34KategorieDlaczego i18n wymyśliło klucze i co je zastępuje — to samo słowo, dwa znaczenia i pary, na które się rozpada. Na stronie: /learn/sdk/svelteObejrzyj · 0:39Zgodność rodzaju gramatycznegoInstrukcja warunkowa, którą inne rozwiązania i18n zostawiają w Twoim komponencie, oraz gałęzie, które zamiast niej generuje Langsys. Na stronie: /learn/sdk/svelteObejrzyj · 1:07AtrybutyJak częściowo przetłumaczony formularz wygląda dla osoby, która na niego trafia, i jak jeden <Translate> obejmuje w tym samym przebiegu symbole zastępcze, teksty alternatywne i etykiety aria. Na stronie: /learn/sdk/svelteObejrzyj · 0:46Liczby i datyLiczby i daty według CLDR — dlaczego grupowanie to wzorzec, a nie separator, i dlaczego numer zamówienia trzeba przekazywać jako ciąg znaków. Na stronie: /learn/sdk/svelte
Translation Manager
app.langsys.dev bez kodu na ekranie — dla osoby, która odpowiada za treści, języki, klucze i rachunki.
Obejrzyj · 3:02Zarządzanie tłumaczeniamiSam Manager, dla osoby odpowiedzialnej za treści: poprawiony szkic maszynowy, Update Memory, AI Translate z Auto-next w całej kolejce, Never Translate oraz Translator zaproszony tylko do języka hiszpańskiego. Na stronie: /learn/dashboardObejrzyj · 2:47Pamięć tłumaczeniowaDrugi projekt startuje już wypełniony — poprawiona linia koszyka wraz z odznaką autora zostaje przeniesiona, bez wywoływania modelu. W całej organizacji jeden wpis na zdanie w każdym języku. Na stronie: /learn/dashboardObejrzyj · 2:24Ustawienia Tłumacza AIKażdy przełącznik na karcie, w akcji: niestandardowe ustawienia dla projektu, Użyj tłumaczeń AI, automatyczne tłumaczenie włączone i wyłączone, automatyczne wykrywanie języka przy frazie, która już przychodzi po hiszpańsku. Na stronie: /learn/concepts/keys-and-environmentsObejrzyj · 1:49Dodawanie językaNiemiecki dodany do działającego projektu: zasada ustawiona na pytanie w pierwszej kolejności, okno dialogowe dokładnie wyceniające istniejący katalog oraz sklep przełączony na niemiecki bez żadnego budowania ani wdrażania. Na stronie: /learn/concepts/adding-a-localeObejrzyj · 1:30Nadrabianie zaległości w językuAkcje zbiorcze Managera dla języka, który został w tyle — AI Translate Pending dla jednego języka, a potem dla całego projektu. Na stronie: /learn/concepts/adding-a-localeObejrzyj · 1:38Tłumaczenie bloku treściRegion <Translate> jako jeden blok w Managerze: oryginał obok nieprzetłumaczonego tekstu włoskiego, AI Translate wypełniające jego segmenty, ręcznie przeredagowany segment oraz zdanie <DontTranslate> pozostawione bez tłumaczenia. Na stronie: /learn/concepts/token-discoveryObejrzyj · 1:30Klucze API w środowisku produkcyjnymKlucz po wdrożeniu: strona Aktywność z prawdziwym tygodniem odczytów, wstrzymanie klucza bez jego usuwania i rotacja na żywo. Na stronie: /learn/concepts/keys-and-environmentsObejrzyj · 1:48Jedna organizacja, wiele projektówOrganizacja jako punkt wyjścia każdego projektu: domyślne języki, ustawienia tłumacza AI i rozliczeń oraz projekt, który wrócił do ich dziedziczenia. Na stronie: /learn/dashboardObejrzyj · 2:22Użycie i kredytyDwa liczniki i sposób finansowania projektu: użycie API w ramach planu, kredyty przedpłacone i darmowe, przelew na projekt oraz jego miesięczny limit i automatyczne doładowanie. Na stronie: /learn/dashboardObejrzyj · 1:26Plany i płatnościPrzegląd zapisanych danych: plan i cykl rozliczeniowy, Zmiana planu, Metody płatności, Adresy i Faktury — wszystkie okna dialogowe anulowane. Na stronie: /learn/dashboardObejrzyj · 1:13PowiadomieniaSkrzynka odbiorcza i jej filtry, następnie domyślne ustawienia konta dla powiadomień w aplikacji i e-mail, z włączeniem i ponownym wyłączeniem nadpisania dla projektu. Na stronie: /learn/dashboardObejrzyj · 1:47Połącz swojego asystenta AILangsys w asystencie AI przez hostowany serwer MCP: claude mcp add, ekran Authorize Access, rzeczywista odpowiedź na temat języków sklepu oraz połączenie odwołane w sekcji Bezpieczeństwo. Na stronie: /learn/dashboard
Ujęcia są renderowane z materiałów źródłowych langsys-demo-videos i publikowane w repozytorium langsys-demos — tych samych aplikacji demonstracyjnych, które każda strona SDK otwiera w StackBlitz.