i18n per komponen

    Type-Safe. Terjemahkan dengan AI. Sunting secara visual.

    npx intlayer init

    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

    // src/component/server/component.content.tsimport { t, type Dictionary } from "intlayer";const componentContent = {  key: "server-component",  content: {    title: t({      en: "Title of my component",      fr: "Titre de mon component",      es: "Título de mi componente",    }),    content:      "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",  },} satisfies Dictionary;export default componentContent;
    // src/components/Component.tsxexport const Component = () => {  return (    <div>      <h2>Intlayer Compiler</h2>      <p>        The Intlayer Compiler extracts automatically the content from the        components and generates the dictionary files.      </p>    </div>  );};
    Coba gratis menggunakan playground.Buka playground
    intlayer test
    $ npx intlayer test
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    ~/Desktop/MyApp

    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.

    Kirim audit
    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.

    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.

    Intlayer TMS

    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.

    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.

    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.

    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.

    Coba demo langsung

    Pertanyaan yang sering diajukan

    Baca semua pertanyaan yang sering diajukan