Intlayer

--- createdAt: 2025-02-07 updatedAt: 2025-06-29 title: Dokumentasi Intlayer - Panduan Lengkap i18n untuk JavaScript description: Dokumentasi lengkap untuk Intlayer, perpustakaan internasionalisasi modern untuk JavaScript, React, Next.js, Express, dan lebih banyak framework. keywords: - intlayer - internasionalisasi - i18n - JavaScript - React - Next.js - dokumentasi - terjemahan - multibahasa slugs: - doc - index history: - version: 5.5.10 date: 2025-06-29 changes: Inisialisasi riwayat --- # Dokumentasi Intlayer Selamat datang di dokumentasi resmi **Intlayer**! Di sini, Anda akan menemukan semua yang Anda butuhkan untuk mengintegrasikan, mengonfigurasi, dan menguasai Intlayer untuk semua kebutuhan internasionalisasi (i18n) Anda, baik Anda bekerja dengan **Next.js**, **React**, **Vite**, **Express**, atau lingkungan JavaScript lainnya. Intlayer menawarkan pendekatan yang fleksibel dan modern untuk menerjemahkan aplikasi Anda. Dokumentasi kami akan memandu Anda mulai dari instalasi dan pengaturan hingga fitur-fitur canggih seperti **terjemahan berbasis AI**, definisi **TypeScript**, dan dukungan **komponen server**, memberdayakan Anda untuk menciptakan pengalaman multibahasa yang mulus. --- ## Memulai - **[Pengantar](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/introduction.md)** Dapatkan gambaran umum tentang cara kerja Intlayer, fitur utamanya, dan mengapa ini menjadi perubahan besar untuk i18n. - **[Cara Kerja Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/how_works_intlayer.md)** Selami desain arsitektur dan pelajari bagaimana Intlayer menangani segala sesuatu mulai dari deklarasi konten hingga pengiriman terjemahan. - **[Konfigurasi](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/configuration.md)** Sesuaikan Intlayer agar sesuai dengan kebutuhan proyek Anda. Jelajahi opsi middleware, struktur direktori, dan pengaturan lanjutan. - **[Intlayer CLI](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/intlayer_cli.md)** Kelola konten dan terjemahan menggunakan alat baris perintah kami. Temukan cara untuk mengirim dan menarik konten, mengotomatisasi terjemahan, dan lainnya. - **[Editor Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/intlayer_visual_editor.md)** Permudah kolaborasi dengan non-developer dan tingkatkan terjemahan Anda dengan AI, langsung di CMS kami yang gratis dan intuitif. --- ## Konsep Inti ### Kamus Atur konten multibahasa Anda dekat dengan kode untuk menjaga semuanya konsisten dan mudah dipelihara. - **[Memulai](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/dictionary/content_file.md)** Pelajari dasar-dasar mendeklarasikan konten Anda di Intlayer. - **[Terjemahan](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/dictionary/translation.md)** Pahami bagaimana terjemahan dibuat, disimpan, dan digunakan dalam aplikasi Anda. - **[Enumerasi](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/dictionary/enumeration.md)** Kelola dengan mudah data yang berulang atau set data tetap di berbagai bahasa. - **[Kondisi](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/dictionary/conditional.md)** Pelajari cara menggunakan logika kondisional di Intlayer untuk membuat konten dinamis. - **[Gender](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/dictionary/gender.md)** Pelajari cara menggunakan logika gender di Intlayer untuk membuat konten dinamis. - **[Penyisipan](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/dictionary/insertion.md)** Temukan cara menyisipkan nilai dalam sebuah string menggunakan placeholder penyisipan. - **[Pengambilan Fungsi](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/dictionary/function_fetching.md)** Lihat bagaimana mengambil konten secara dinamis dengan logika khusus untuk menyesuaikan alur kerja proyek Anda. - **[Markdown](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/dictionary/markdown.md)** Pelajari cara menggunakan Markdown di Intlayer untuk membuat konten yang kaya. - **[Penyematan File](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/dictionary/file_embeddings.md)** Temukan cara menyematkan file eksternal di Intlayer untuk digunakan dalam editor konten. - **[Nesting](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/dictionary/nesting.md)** Pahami cara menyusun konten secara bertingkat di Intlayer untuk membuat struktur yang kompleks. --- ## Lingkungan & Integrasi Kami membangun Intlayer dengan fleksibilitas dalam pikiran, menawarkan integrasi mulus di berbagai framework dan alat build populer: - **[Intlayer dengan Next.js 16](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/intlayer_with_nextjs_16.md)** - **[Intlayer dengan Next.js 15](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/intlayer_with_nextjs_15.md)** - **[Intlayer dengan Next.js 14 (App Router)](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/intlayer_with_nextjs_14.md)** - **[Intlayer dengan Next.js Page Router](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/intlayer_with_nextjs_page_router.md)** - **[Intlayer dengan React CRA](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/intlayer_with_create_react_app.md)** - **[Intlayer dengan Vite + React](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/intlayer_with_vite+react.md)** - **[Intlayer dengan React Router v7](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/intlayer_with_react_router_v7.md)** - **[Intlayer dengan Tanstack Start](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/intlayer_with_tanstack.md)** - **[Intlayer dengan React Native dan Expo](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/intlayer_with_react_native+expo.md)** - **[Intlayer dengan Lynx dan React](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/intlayer_with_lynx+react.md)** - **[Intlayer dengan Vite + Preact](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/intlayer_with_vite+preact.md)** - **[Intlayer dengan Vite + Vue](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/intlayer_with_vite+vue.md)** - **[Intlayer dengan Nuxt](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/intlayer_with_nuxt.md)** - **[Intlayer dengan Express](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/intlayer_with_express.md)** - **[Intlayer dengan NestJS](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/intlayer_with_nestjs.md)** - **[Intlayer dengan Angular](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/intlayer_with_angular.md)** Setiap panduan integrasi mencakup praktik terbaik untuk menggunakan fitur Intlayer, seperti **server-side rendering**, **dynamic routing**, atau **client-side rendering**, sehingga Anda dapat mempertahankan aplikasi yang cepat, ramah SEO, dan sangat skalabel. --- ## Paket Desain modular Intlayer menawarkan paket khusus untuk lingkungan dan kebutuhan tertentu: ### `intlayer` Fungsi utilitas inti untuk mengonfigurasi dan mengelola setup i18n Anda. - **[getConfiguration](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/packages/intlayer/getConfiguration.md)** - **[getHTMLTextDir](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/packages/intlayer/getHTMLTextDir.md)** - **[getLocaleLang](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/packages/intlayer/getLocaleLang.md)** - **[getLocaleName](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/packages/intlayer/getLocaleName.md)** - **[getLocalizedUrl](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/packages/intlayer/getLocalizedUrl.md)** - **[getMultilingualUrls](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/packages/intlayer/getMultilingualUrls.md)** - **[getPathWithoutLocale](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/packages/intlayer/getPathWithoutLocale.md)** - **[getTranslation](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/packages/intlayer/getTranslation.md)** - **[getEnumeration](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/packages/intlayer/getEnumeration.md)** ### `express-intlayer` Manfaatkan Intlayer dalam aplikasi berbasis **Express**: - **[t](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/packages/express-intlayer/t.md)** Sebuah helper terjemahan minimal dan sederhana untuk route dan view server Anda. ### `react-intlayer` Tingkatkan aplikasi **React** Anda dengan hooks yang kuat: - **[t](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/packages/react-intlayer/t.md)** - **[useIntlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/packages/react-intlayer/useIntlayer.md)** - **[useDictionary](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/packages/react-intlayer/useDictionary.md)** - **[useLocale](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/packages/react-intlayer/useLocale.md)** ### `next-intlayer` Integrasi mulus dengan **Next.js**: - **[t](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/packages/next-intlayer/t.md)** - **[useIntlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/packages/next-intlayer/useIntlayer.md)** - **[useDictionary](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/packages/next-intlayer/useDictionary.md)** - **[useLocale](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/packages/next-intlayer/useLocale.md)** --- ## Sumber Daya Tambahan - **[Blog: Intlayer dan i18next](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/intlayer_with_i18next.md)** Pelajari bagaimana Intlayer melengkapi dan membandingkan dengan pustaka populer **i18next**. - **[Tutorial Langsung di YouTube](https://youtu.be/W2G7KxuSD4c?si=GyU_KpVhr61razRw)** Tonton demo komprehensif dan pelajari cara mengintegrasikan Intlayer secara real-time. --- ## Kontribusi & Masukan Kami menghargai kekuatan pengembangan open-source dan yang digerakkan oleh komunitas. Jika Anda ingin mengusulkan perbaikan, menambahkan panduan baru, atau memperbaiki masalah apa pun dalam dokumentasi kami, jangan ragu untuk mengirimkan Pull Request atau membuka isu di [repositori GitHub kami](https://github.com/aymericzip/intlayer/blob/main/docs/docs). **Siap untuk menerjemahkan aplikasi Anda lebih cepat dan lebih efisien?** Selami dokumentasi kami untuk mulai menggunakan Intlayer hari ini. Rasakan pendekatan internasionalisasi yang kuat dan terstruktur yang menjaga konten Anda tetap terorganisir dan tim Anda lebih produktif.