Internasionalisasi Layer

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

    npx intlayer init

    Definisikan terjemahan di mana saja dalam codebase Anda dan percepat pengembangan Anda. Jaga bundle Anda tetap ringan sebagaimana mestinya.

    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.

    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.

    Baca semua pertanyaan yang sering diajukan