i18n per komponen
Type-Safe. Terjemahkan dengan AI. Sunting secara visual.
Definisikan terjemahan di samping komponen untuk mempercepat pengembangan Anda. Jaga bundle Anda tetap ringan sebagaimana mestinya. Undang editor melalui CMS. Setiap kontribusi sangat dihargai.
Tersedia untuk
Codebase
Compiler
Visual Editor
Terjemahkan
Tes
Intlayer compiler
The Intlayer Compiler automatically extracts the content from the components and generates the dictionary files.
$ npx intlayer test
Tingkatkan keterpeliharaan kode dengan menempatkan definisi konten dekat dengan komponen Anda. Kurangi redundansi, tingkatkan kejelasan, dan permudah pembaruan dengan pendekatan terstruktur yang membuat kode Anda lebih mudah dikelola dan diskalakan seiring waktu.
Ekstrak konten Anda seketika dengan Intlayer Compiler. Secara otomatis menghasilkan file kamus yang diperlukan agar konten Anda dapat membuat aplikasi Anda menjadi multibahasa dalam sekejap.
Manfaatkan Visual Editor gratis untuk membangun dan mengelola situs Anda dengan mudah. Buat, sunting, dan atur komponen serta halaman tanpa harus menyentuh kode, sehingga memudahkan content manager dan developer untuk berkolaborasi secara efisien.
Perluas jangkauan Anda dengan dukungan terjemahan bawaan. Terjemahkan konten Anda dengan mudah menggunakan antarmuka yang intuitif, memastikan pengalaman multibahasa yang mulus bagi pengguna tanpa kerepotan mengelola beberapa versi konten secara manual.
Gunakan Intlayer CLI untuk menguji dan mengisi konten Anda dengan AI agar semua terjemahan lengkap dan akurat.
Mengapa memilih Intlayer?
Gratis dan Sumber Terbuka
Intlayer gratis dan sumber terbuka, memungkinkan Anda menggunakannya tanpa biaya dan berkontribusi sesuai kebutuhan Anda.
Manajemen Konten Berbasis JavaScript
Manfaatkan fleksibilitas JavaScript untuk mendefinisikan dan mengelola konten Anda secara efisien.
Lingkungan Type-Safe
Manfaatkan TypeScript untuk memastikan semua definisi konten Anda tepat dan bebas kesalahan.
Deklarasi di level komponen
Simpan terjemahan Anda dekat dengan komponen terkait, meningkatkan keterpeliharaan dan kejelasan.
Pengaturan Sederhana
Mulai dengan cepat menggunakan konfigurasi minimal, khususnya dioptimalkan untuk proyek Next.js.
CMS Terintegrasi
Sunting konten Anda langsung di situs dengan CMS terintegrasi. Tingkatkan pembuatan konten berkat AI.
Teknologi
Tolok Ukur Performa I18n
Apa metrik ini?
Total ukuran kompresi gzip dari bundel pustaka internasionalisasi. Ini hanya mencakup penyedia dan logika pengambilan konten setelah tree-shaking dan minifikasi.
Mengapa ini penting?
Ukuran pustaka yang lebih kecil mengurangi muatan JavaScript awal, yang mengarah pada waktu unduh dan eksekusi yang lebih cepat pada klien.
Analisis Skor Lokalisasi Global Situs Web Anda
Evaluasi kualitas lokalisasi situs web Anda dengan cepat dan gratis. Analisis elemen multibahasa utama situs Anda untuk mendapatkan skor komprehensif dan wawasan yang dapat ditindaklanjuti guna meningkatkan jangkauan Anda.
Terjemahan aman tipe yang ada di repo Anda.
Deklarasikan konten bersama komponen Anda dalam TypeScript atau JavaScript. Intlayer menghasilkan tipe secara otomatis, memberi Anda pelengkap otomatis, validasi, dan umpan balik instan. Tidak ada lagi kunci yang hilang.
Otomatisasi terjemahan dari terminal Anda.
CLI untuk mengaudit, mengisi, dan menerjemahkan JSON & Markdown dengan AI.
Jalankan `npx intlayer fill` untuk mendeteksi kunci yang hilang dan menghasilkan terjemahan menggunakan OpenAI, Claude, atau model lokal. Jaga riwayat Git tetap bersih.
Berhenti membayar per kata. Otomatiskan dengan AI.
Alternatif open-source & self-hosted untuk Crowdin & Lokalise. Dibangun untuk alur kerja pengembang modern.
Kelola terjemahan langsung di kode Anda atau melalui editor visual. Manfaatkan AI untuk menerjemahkan secara instan. Berkolaborasi dengan tim Anda tanpa batas kursi.
Hubungkan kode lokal Anda dengan konten jarak jauh.
Kelola konten multibahasa dengan tanpa beban. Intlayer memungkinkan Anda menghubungkan kamus lokal dengan manajemen jarak jauh, mengaktifkan Live Sync untuk pembaruan langsung tanpa membangun ulang. Gunakan webhook untuk CI/CD.
Beralih fitur secara instan. Tidak perlu deploy.
Kamus Intlayer lebih dari sekadar teks. Gunakan untuk mendeklarasikan logika, gaya, dan konfigurasi. Dengan Live Sync, Anda dapat mengaktifkan/menonaktifkan fitur, mengubah tema UI, dan memperbarui perilaku aplikasi secara real-time langsung dari CMS.
Area Eksperimen Produk Anda.
Jadilah yang pertama menjelajahi beta baru Intlayer untuk AI-driven A/B Testing, yang dibuat untuk meningkatkan discoverability dan membantu pengambilan keputusan produk yang lebih cerdas. Uji apa saja secara real time, mulai dari teks dan desain hingga fitur lengkap, dan biarkan data menunjukkan apa yang benar-benar berhasil.
Coba demo langsung
Dibangun oleh Komunitas
Temui kontributor luar biasa yang membuat Intlayer mungkin
Pertanyaan yang sering diajukan
Internationalization (i18n) adalah proses merancang dan mengembangkan aplikasi seperti Next.js, React, atau Express agar mudah mendukung banyak bahasa. Ini memungkinkan Anda membuat situs web multibahasa dengan menyederhanakan proses penerjemahan. Alat seperti TypeScript mempermudah implementasi i18n, memungkinkan adaptasi aplikasi ke berbagai bahasa dan wilayah secara efisien dan mudah.Baca lebih lanjut tentang i18n
Intlayer adalah sebuah paket yang memungkinkan Anda mengelola situs web multibahasa. Ia menyediakan serangkaian alat dan utilitas yang memudahkan penyiapan situs untuk konten multibahasa dan lokalisasi.Baca lebih lanjut tentang Intlayer
Intlayer menyederhanakan manajemen konfigurasi dan mengaktifkan internationalization untuk berbagai jenis aplikasi JavaScript, termasuk server components. Ia memungkinkan deklarasi konten berdampingan dengan komponen, meningkatkan pemeliharaan kode. Selain itu, Intlayer memanfaatkan TypeScript untuk mencegah deklarasi yang hilang. Terakhir, Intlayer menawarkan editor visual yang memungkinkan non-developer mengedit konten situs, menerjemahkan otomatis menggunakan AI, dan mengoptimalkan SEO aplikasi.Baca lebih lanjut tentang fitur Intlayer
Intlayer berintegrasi dengan Next.js untuk memungkinkan server-side rendering dan static site generation, membuat penyajian konten multibahasa menjadi lebih efisien.Baca lebih lanjut tentang integrasi dengan Next.js
Ya, Intlayer menyediakan editor visual opsional untuk mengelola konten dengan mudah tanpa harus masuk ke kode.Baca lebih lanjut tentang editor visual
Anda dapat berkontribusi dengan mengirimkan pull request atau melaporkan isu pada repository GitHub.Baca lebih lanjut tentang cara berkontribusi
Intlayer menggabungkan sejumlah paket NPM gratis bersama dengan editor visual. Selain itu, ia menawarkan CMS untuk mengeksternalisasi konten. CMS ini gratis digunakan namun memiliki fitur tambahan untuk pelanggan paket Premium dan Enterprise.Baca lebih lanjut tentang paket Intlayer
Intlayer tersedia untuk React (termasuk Create React App), Vite dengan React, Next.js, Tanstack Start, Vue, Nuxt, Express, NestJS, Preact, dan lainnya. Ini memastikan integrasi yang mulus dengan framework JavaScript modern dan lingkungan server-side.Baca lebih lanjut tentang platform yang didukung
Ya, Intlayer dapat diintegrasikan sebagai wrapper di sekitar i18next, next-intl, vue-i18next, dan lainnya. Ini memungkinkan Anda mengotomatiskan terjemahan Anda, dan menggunakan Intlayer tanpa harus merefaktor kode yang sudah ada.