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.

    npm install intlayer

    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

    Pemuatan JSON dinamis

    Memuat terjemahan secara lambat saat runtime

    JSON cakupan (namespacing)

    Namespace terjemahan per halaman

    Tolok Ukur Performa I18n

    Tidak ada data tersedia

    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

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

    Tersedia di

    Coba demo langsung

    Dibangun oleh Komunitas

    Temui kontributor luar biasa yang membuat Intlayer mungkin

    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