Pusat Pembelajaran Langsys
Untuk developer yang mengintegrasikan Langsys ke dalam aplikasi. Lokalisasi berkelanjutan secara real-time — frasa di kode Anda adalah kunci sekaligus nilai default; tanpa file kunci, tanpa langkah ekstraksi. Tonton video penjelasan, baca lima konsepnya, siapkan proyek, lalu pilih stack Anda.
Jalurnya
Tiga perhentian, dalam urutan ini. Halaman SDK mengasumsikan dua yang pertama sudah dilakukan.
Konsep
Gagasan di balik Langsys — frasa sebagai kunci, penemuan token, penyimpanan locale, kunci, dan penambahan locale. Lima halaman singkat, masing-masing dengan videonya.
Langkah 2 · 2 mntMulai Cepat
Buat proyek, buat kunci tulis dan kunci hanya-baca, lalu pasang keduanya ke env Anda.
Langkah 3Pilih stack Anda
Enam SDK, satu antarmuka. Setiap halaman dimulai dari Instal dan memadukan demo langsung dengan idiom khas binding tersebut.
Frontend — JavaScript
Satu SDK dasar yang mengerjakan semuanya; setiap binding framework hanyalah pembungkus tipis di atasnya.
TypeScript
SDK dasar yang tidak bergantung pada framework — langsys-js-typescript. Setiap binding membungkus SDK ini.
React
Hook dan komponen — langsys-js-react.
Vue
Composable dan komponen — langsys-js-vue.
Svelte
Store dan komponen — langsys-js-svelte. Halaman dengan potongan demo untuk setiap primitif.
Backend — dirender di server
Template Anda diterjemahkan di server, sehingga halaman tiba dalam kondisi sudah dilokalkan.
PHP
SDK dasar — langsys/langsys-php. Untuk aplikasi PHP apa pun: PHP biasa, framework, worker, atau CLI.
Laravel
Direktif Blade @t dan helper t() — langsys/langsys-php-laravel.
Panduan — perenderan sisi server
Setiap panduan mengikuti satu pola — ambil katalog di server, lalu inisialisasi binding klien darinya — sehingga katalog hanya diambil sekali dan kunci server tetap berada di server.
Next.js
App Router — pengambilan data di Server Component, inisialisasi 'use client'.
Nuxt
Rute Nitro + useAsyncData untuk mengisi binding Vue.
SvelteKit
Load +layout.server.ts, writable standar sebagai penyimpanan lokal.
Lihat, lalu perbaiki
Berdampingan
React, Vue, Svelte, dan TypeScript vanilla menerjemahkan secara serempak dari satu proyek bersama.
Dasbor
Translation Manager tanpa kode di layar: tinjauan, memori, organisasi, kredit, dan penagihan.
Video
Semua demo dalam satu tempat — jalur konsep, Svelte API demi API, dan Translation Manager.
Pemecahan Masalah
Frasa yang tidak diterjemahkan, pemblokiran CORS, kegagalan baca-saja yang senyap — gejala dan solusinya.
Mencari referensi API dan panduan integrasi? Kunjungi dokumen Langsys.