Apa yang baru

i18n per komponen

Name: Intlayer
Author: Intlayer

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.

npx intlayer init

npx intlayer init

Dukung proyek ini Mulai

Tersedia untuk

Codebase

Compiler

Visual Editor

Terjemahkan

Tes

Coba gratis menggunakan playground.Buka playground

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

Pemuatan JSON dinamis

Memuat terjemahan secara lambat saat runtime

JSON cakupan (namespacing)

Namespace terjemahan per halaman

Lihat tolok ukur Baca laporan lengkap

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.

Lihat sebagai

i18n berbasis kode

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.

Mulai Coding

AI CLI Tool

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.

Coba CLI

Intlayer TMS

Berhenti membayar per kata. Otomatiskan dengan AI.

Alternatif open-source 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.

Lihat TMS

CMS Headless

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.

Lihat CMS

Bendera Fitur

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.

Coba Fitur

Uji A/B

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.

Lihat uji A/B

Slide sebelumnya←

Slide berikutnya→

Tersedia di

Coba demo langsung

Dibangun oleh Komunitas

Temui kontributor luar biasa yang membuat Intlayer mungkin

Bergabunglah dengan kami Lihat semua kontributor

Pertanyaan yang sering diajukan

Apa itu internasionalisasi (i18n)?

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

What are the main features of 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

Apakah ada editor visual di Intlayer?

Ya, Intlayer menyediakan editor visual opsional untuk mengelola konten dengan mudah tanpa harus masuk ke kode.Baca lebih lanjut tentang editor visual

Berapa biaya penggunaan Intlayer?

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

Apakah saya dapat mengintegrasikan Intlayer pada solusi yang sudah ada?

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.

What is Intlayer?

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

Bagaimana Intlayer berintegrasi dengan Next.js?

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

Bagaimana cara berkontribusi ke Intlayer?

Anda dapat berkontribusi dengan mengirimkan pull request atau melaporkan isu pada repository GitHub.Baca lebih lanjut tentang cara berkontribusi

Platform apa saja yang didukung 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

Baca semua pertanyaan yang sering diajukan