Setiap potongan demo, dinarasikan dari awal hingga akhir. Sebagian besar juga terdapat di bagian yang diajarkannya — tautan di bawah masing-masing akan membawa Anda ke sana. Mulailah dengan video penjelasan, lalu jalur konsep secara berurutan; sisanya dapat Anda tonton sebagai referensi.
Mulai di sini
Apa itu Langsys, seluruh penyiapan dalam satu take, dan satu gagasan yang dibutuhkan setiap bahasa — kalimat datar.
Tonton · 1:17Apa itu Langsys?SDK di aplikasi Anda dan Translation Manager yang dihosting: bagaimana sebuah frasa mendaftarkan dirinya sendiri saat dijalankan, dari mana terjemahan berasal, dan sebuah pos blog yang terbit pukul 09.00 dan diterima pembaca di Madrid dalam bahasa Spanyol pada pukul 09.03 — tanpa build, tanpa kunci tulis. Di halaman: /learnTonton · 4:13Memulai dari awal hingga akhirBuat proyek beserta locale-nya, buat kunci Read & Write, instal dan inisialisasi SDK, lalu lihat t(), <Translate>, <Phrase>, dan <DontTranslate> mendaftarkan frasanya dan aplikasi beralih ke bahasa Spanyol dan Prancis tanpa muat ulang. Di halaman: /learn/quickstartTonton · 1:14PluralisasiMengapa sebuah kalimat berubah sesuai angkanya, mengapa if (count === 1) yang memperbaikinya sebenarnya adalah tata bahasa Inggris di dalam kode Anda, dan bagaimana menulis kalimat secara utuh membuat Anda mendapatkan setiap cabang di setiap bahasa. Di halaman: /learn/concepts/locale-store
Jalur konsep
Lima modul singkat secara berurutan, masing-masing melanjutkan modul sebelumnya. Tidak ada sintaks khusus SDK di layar — potongan yang sama ada di atas halaman Konsep.
Tonton · 0:30Alur kerjaMasalahnya — terjemahan harus bolak-balik melalui sebuah pipeline, dan Langsys menghapusnya. Di halaman: /learn/concepts/how-it-worksTonton · 0:42File utamaDari mana proyek dimulai, key yang dipaksa Anda buat oleh i18n lain, dan apa penggantinya. Di halaman: /learn/concepts/token-discoveryTonton · 0:36Penyimpanan localeCara locale aktif disimpan dan dialihkan. Di halaman: /learn/concepts/locale-storeTonton · 1:30Kunci & lingkunganMengapa kunci yang dapat mendaftarkan tidak boleh dirilis, mengapa hanya-baca adalah jalan buntu, dan kunci mana yang dipakai di mana — lalu pos blog pukul 09.00: apa yang keluar dari browser dan siapa yang mendaftarkan secara langsung. Di halaman: /learn/concepts/keys-and-environmentsTonton · 0:30Menambahkan localeMenjangkau bahasa baru cukup dengan pengaturan proyek — frasa baru diterjemahkan begitu masuk, dan sekali jalan melengkapi sisanya. Di halaman: /learn/concepts/adding-a-locale
Svelte, API demi API
Satu potongan untuk tiap primitif di langsys-js-svelte. Binding lainnya memiliki antarmuka yang sama; yang berbeda hanyalah sintaksisnya.
Tonton · 1:00Svelte: panduan langkah demi langkahApa lagi yang membuat i18n lain mengharuskan Anda terus menyesuaikan diri: satu panggilan, satu pergantian locale, mengapa bahasa Spanyol yang datar itu keliru bagi separuh pengguna Anda, dan apa yang dilakukan ICU select untuk mengatasinya. Di halaman: /learn/sdk/svelteTonton · 1:09t(phrase, category, params)Dimulai dari masalah file kunci, lalu tiga argumen, placeholder ICU, dan bentuk jamak. Di halaman: /learn/sdk/svelteTonton · 1:06<Phrase>Kalimat dengan markup di dalamnya, tetap dijadikan satu frasa, dan alasan parameternya berbentuk %name%. Di halaman: /learn/sdk/svelteTonton · 1:04<Translate>Satu tag mendaftarkan seluruh wilayah, dan mengapa satu blok lebih baik daripada satu pemanggilan per baris. Di halaman: /learn/sdk/svelteTonton · 0:34<DontTranslate>Nama merek dan pengenal dipertahankan apa adanya, tanpa dipindahkan keluar dari kalimat. Di halaman: /learn/sdk/svelteTonton · 0:42Blok kontenApa itu blok konten — satu bagian yang didaftarkan sebagai satu kesatuan, tetapi tetap tersusun dari frasa-frasa yang dapat dipakai ulang secara terpisah. Di halaman: /learn/sdk/svelteTonton · 0:34KategoriMengapa i18n menciptakan kunci, dan apa penggantinya — kata yang sama, dua makna, dan pasangan-pasangan hasil pemisahannya. Di halaman: /learn/sdk/svelteTonton · 0:39Kesesuaian genderKondisional yang ditinggalkan i18n lain di komponen Anda, dan cabang-cabang yang dihasilkan Langsys sebagai gantinya. Di halaman: /learn/sdk/svelteTonton · 1:07AtributSeperti apa formulir yang setengah diterjemahkan bagi orang yang menemuinya, dan bagaimana satu <Translate> menjangkau placeholder, teks alt, dan label aria dalam satu kali proses. Di halaman: /learn/sdk/svelteTonton · 0:46Angka & tanggalAngka dan tanggal menurut CLDR — mengapa pengelompokan adalah sebuah pola dan bukan pemisah, serta mengapa nomor pesanan harus diteruskan sebagai string. Di halaman: /learn/sdk/svelte
Translation Manager
app.langsys.dev tanpa kode di layar — untuk siapa pun yang mengelola teks, bahasa, kunci, dan tagihan.
Tonton · 3:02Mengelola terjemahanManager secara mandiri, untuk orang yang memegang teks: draf mesin yang dikoreksi, Update Memory, AI Translate dengan Auto-next melalui antrean, Never Translate, dan seorang Translator yang diundang hanya untuk bahasa Spanyol. Di halaman: /learn/dashboardTonton · 2:47Memori terjemahanProyek kedua langsung terisi penuh — baris keranjang yang sudah dikoreksi beserta lencana penulisnya ikut terbawa, tanpa memanggil model. Berlaku di seluruh organisasi, satu entri per kalimat per bahasa. Di halaman: /learn/dashboardTonton · 2:24Pengaturan Penerjemah AISetiap sakelar di tab ditampilkan: kustom per proyek, Gunakan Terjemahan AI, terjemahan otomatis aktif dan nonaktif, deteksi otomatis yang menangani frasa yang sudah masuk dalam bahasa Spanyol. Di halaman: /learn/concepts/keys-and-environmentsTonton · 1:49Menambahkan bahasaBahasa Jerman ditambahkan ke proyek yang sudah berjalan: kebijakan diatur untuk bertanya dulu, dialog yang menghitung biaya katalog yang ada secara tepat, dan toko beralih ke bahasa Jerman tanpa perlu build atau deploy. Di halaman: /learn/concepts/adding-a-localeTonton · 1:30Mengejar ketertinggalan sebuah bahasaAksi massal Manager untuk bahasa yang tertinggal — AI Translate Pending untuk satu locale, lalu untuk seluruh proyek. Di halaman: /learn/concepts/adding-a-localeTonton · 1:38Menerjemahkan blok kontenSatu wilayah <Translate> sebagai satu blok di Manager: teks asli di samping bahasa Italia yang belum diterjemahkan, AI Translate mengisi segmen-segmennya, satu segmen disusun ulang secara manual, dan kalimat <DontTranslate> yang dibiarkan apa adanya. Di halaman: /learn/concepts/token-discoveryTonton · 1:30Kunci API di lingkungan produksiKunci setelah dirilis: halaman Aktivitas dengan data pembacaan selama seminggu penuh, menjeda kunci tanpa menghapusnya, dan rotasi kunci secara langsung di layar. Di halaman: /learn/concepts/keys-and-environmentsTonton · 1:48Satu organisasi, banyak proyekOrganisasi sebagai titik awal setiap proyek: locale default, pengaturan AI Translator dan Penagihan, serta proyek yang dikembalikan ke pewarisan pengaturan tersebut. Di halaman: /learn/dashboardTonton · 2:22Penggunaan & kreditDua meter dan cara sebuah proyek didanai: penggunaan API terhadap paket, kredit prabayar dan gratis, transfer ke proyek, serta batas bulanan dan isi ulang otomatisnya. Di halaman: /learn/dashboardTonton · 1:26Paket & pembayaranTur tentang data yang tersimpan: paket dan siklus penagihan, Change Plan, Payment Methods, Addresses, dan Invoices — setiap dialog dibatalkan. Di halaman: /learn/dashboardTonton · 1:13NotifikasiKotak masuk beserta filternya, lalu pengaturan default akun berdasarkan dalam aplikasi dan email, dengan penggantian per proyek yang diaktifkan lalu dinonaktifkan lagi. Di halaman: /learn/dashboardTonton · 1:47Hubungkan asisten AI AndaLangsys di dalam asisten AI melalui server MCP yang di-host: claude mcp add, layar Authorize Access, jawaban nyata tentang bahasa-bahasa di Store, dan koneksi dicabut dari Security. Di halaman: /learn/dashboard
Potongan videonya dirender dari master langsys-demo-videos dan dipublikasikan di repo langsys-demos — aplikasi demo yang sama dengan yang dibuka setiap halaman SDK di StackBlitz.