@intlayer/docs 7.0.7 → 7.0.8-canary.0

package/docs/id/how_works_intlayer.md

@@ -0,0 +1,256 @@
+---
+createdAt: 2024-08-12
+updatedAt: 2025-06-29
+title: Cara Kerja Intlayer
+description: Pelajari bagaimana Intlayer beroperasi secara internal. Pahami arsitektur dan komponen yang membuat Intlayer kuat.
+keywords:
+  - Intlayer
+  - Cara kerjanya
+  - Arsitektur
+  - Komponen
+  - Cara kerja internal
+slugs:
+  - doc
+  - concept
+  - how-works-intlayer
+history:
+  - version: 5.5.10
+    date: 2025-06-29
+    changes: Riwayat awal
+---
+
+# Cara Kerja Intlayer
+
+## Daftar Isi
+
+<TOC/>
+
+## Ikhtisar
+
+Ide utama di balik Intlayer adalah mengadopsi manajemen konten per-komponen. Jadi ide di balik Intlayer adalah memungkinkan Anda untuk mendeklarasikan konten Anda di mana saja dalam codebase Anda, misalnya di direktori yang sama dengan komponen Anda.
+
+```bash
+.
+└── Components
+    └── MyComponent
+        ├── index.content.ts
+        └── index.tsx
+```
+
+Untuk melakukan itu, peran Intlayer adalah menemukan semua `file deklarasi konten` Anda, dalam berbagai format yang ada di proyek Anda, dan kemudian akan menghasilkan `kamus` dari file-file tersebut.
+
+Jadi ada dua langkah utama:
+
+- Langkah build
+- Langkah interpretasi
+
+### Langkah build kamus
+
+Langkah build dapat dilakukan dengan tiga cara:
+
+- menggunakan CLI dengan `npx intlayer build`
+- menggunakan [ekstensi vscode](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/vs_code_extension.md)
+- menggunakan plugin aplikasi seperti paket [`vite-intlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/packages/vite-intlayer/index.md), atau yang setara untuk [Next.js](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/packages/next-intlayer/index.md). Ketika Anda menggunakan salah satu plugin tersebut, Intlayer akan secara otomatis membangun kamus Anda saat Anda memulai (dev) atau membangun (prod) aplikasi Anda.
+
+1. Deklarasi file konten
+   - File konten dapat didefinisikan dalam berbagai format, seperti TypeScript, ECMAScript, CommonJS, atau JSON.
+   - File konten dapat didefinisikan di mana saja dalam proyek, yang memungkinkan pemeliharaan dan skalabilitas yang lebih baik. Penting untuk menghormati konvensi ekstensi file untuk file konten. Ekstensi ini secara default adalah `*.content.{js|cjs|mjs|ts|tsx|json}`, tetapi dapat diubah dalam [file konfigurasi](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/configuration.md).
+
+2. Generasi `dictionaries`
+   - Kamus dihasilkan dari file konten. Secara default, kamus Intlayer dihasilkan di direktori `.intlayer/dictionaries` dalam proyek.
+   - Kamus tersebut dihasilkan dalam berbagai format untuk memenuhi semua kebutuhan dan mengoptimalkan kinerja aplikasi.
+
+3. Generasi tipe kamus
+
+Berdasarkan `dictionaries` Anda, Intlayer akan menghasilkan tipe untuk membuatnya dapat digunakan dalam aplikasi Anda.
+
+- Tipe kamus dihasilkan dari `content declaration files` Intlayer. Secara default, tipe kamus Intlayer dihasilkan di direktori `.intlayer/types` dalam proyek.
+
+- Intlayer [module augmentation](https://www.typescriptlang.org/docs/handbook/declaration-merging.html) adalah fitur TypeScript yang memungkinkan Anda mendefinisikan tipe tambahan untuk Intlayer. Ini membuat pengalaman pengembangan lebih mudah dengan menyarankan argumen yang tersedia atau argumen yang diperlukan.
+  Di antara tipe yang dihasilkan, tipe kamus Intlayer atau bahkan tipe konfigurasi bahasa ditambahkan ke file `types/intlayer.d.ts`, dan digunakan oleh paket lain. Untuk melakukan ini, perlu agar file `tsconfig.json` dikonfigurasi untuk menyertakan direktori `types` dari proyek.
+
+### Langkah interpretasi kamus
+
+Dengan menggunakan Intlayer, Anda akan mengakses konten Anda dalam aplikasi menggunakan hook `useIntlayer`.
+
+```tsx
+const MyComponent = () => {
+  const content = useIntlayer("my-component");
+  return <div>{content.title}</div>;
+};
+```
+
+Hook ini akan mengelola deteksi locale untuk Anda dan akan mengembalikan konten untuk locale saat ini. Dengan menggunakan hook ini, Anda juga dapat menginterpretasikan markdown, mengelola pluralisasi, dan lainnya.
+
+> Untuk melihat semua fitur Intlayer, Anda dapat membaca [dokumentasi kamus](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/dictionary/content_file.md).
+
+## Konten Jarak Jauh
+
+Intlayer memungkinkan Anda untuk mendeklarasikan konten secara lokal, dan kemudian mengekspornya ke CMS agar dapat diedit oleh tim non-teknis Anda.
+
+Jadi Anda akan dapat mendorong dan menarik konten dari CMS ke aplikasi Anda, dengan cara yang mirip seperti yang Anda lakukan dengan Git untuk kode Anda.
+
+Untuk kamus yang dieksternalisasi menggunakan CMS, Intlayer melakukan operasi fetch dasar untuk mengambil kamus jarak jauh dan menggabungkannya dengan kamus lokal Anda. Jika dikonfigurasi pada proyek Anda, Intlayer akan secara otomatis mengelola pengambilan konten dari CMS saat aplikasi dimulai (dev) / dibangun (prod).
+
+## Editor Visual
+
+Intlayer juga menyediakan editor visual untuk memungkinkan Anda mengedit konten Anda secara visual. [Editor visual](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/intlayer_visual_editor.md) ini tersedia dalam paket eksternal `intlayer-editor`.
+
+![editor visual](https://github.com/aymericzip/intlayer/blob/main/docs/assets/visual_editor.gif?raw=true)
+
+- Server adalah aplikasi Express sederhana yang mendengarkan permintaan dari klien dan mengambil konten aplikasi Anda, seperti `dictionaries` dan konfigurasi untuk membuatnya dapat diakses di sisi klien.
+- Di sisi lain, klien adalah aplikasi React yang digunakan untuk berinteraksi dengan konten Anda menggunakan antarmuka visual.
+
+Ketika Anda memanggil konten Anda menggunakan `useIntlayer` dan editor diaktifkan, secara otomatis akan membungkus string Anda dengan objek Proxy bernama `IntlayerNode`. Node ini menggunakan `window.postMessage` untuk berkomunikasi dengan iframe yang dibungkus yang berisi antarmuka editor visual.
+Di sisi editor, editor mendengarkan pesan-pesan ini dan mensimulasikan interaksi nyata dengan konten Anda, memungkinkan Anda mengedit teks langsung dalam konteks aplikasi Anda.
+
+## Optimasi build aplikasi
+
+Untuk mengoptimalkan ukuran bundle aplikasi Anda, Intlayer menyediakan dua plugin untuk mengoptimalkan build aplikasi Anda: plugin `@intlayer/babel` dan `@intlayer/swc`.
+
+Plugin Babel dan SWC bekerja dengan menganalisis Abstract Syntax Tree (AST) aplikasi Anda untuk menggantikan pemanggilan fungsi Intlayer dengan kode yang dioptimalkan. Proses ini membuat bundle akhir Anda lebih ringan di produksi dengan memastikan hanya kamus yang benar-benar digunakan yang diimpor, mengoptimalkan chunking dan mengurangi ukuran bundle.
+
+Dalam mode pengembangan, Intlayer menggunakan impor statis terpusat untuk kamus guna menyederhanakan pengalaman pengembangan.
+
+Dengan mengaktifkan opsi `importMode = "dynamic"` dalam [konfigurasi](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/configuration.md), Intlayer akan menggunakan impor dinamis untuk memuat kamus. Opsi ini dinonaktifkan secara default untuk menghindari pemrosesan async saat merender aplikasi.
+
+> `@intlayer/babel` tersedia secara default pada paket `vite-intlayer`,
+
+> `@intlayer/swc` tidak terpasang secara default pada paket `next-intlayer` karena plugin SWC masih bersifat eksperimental di Next.js.
+
+Untuk melihat cara mengonfigurasi build aplikasi Anda, Anda dapat membaca [dokumentasi konfigurasi](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/configuration.md).
+
+## Paket
+
+Intlayer terdiri dari beberapa paket, masing-masing dengan peran spesifik dalam proses terjemahan. Berikut adalah representasi grafis dari struktur paket ini:
+
+![paket-paket intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/assets/packages_dependency_graph.svg)
+
+### intlayer
+
+Paket `intlayer` digunakan dalam aplikasi untuk mendeklarasikan konten dalam file konten.
+
+### react-intlayer
+
+Paket `react-intlayer` digunakan untuk menginterpretasikan kamus Intlayer dan membuatnya dapat digunakan dalam aplikasi React.
+
+### next-intlayer
+
+Paket `next-intlayer` digunakan sebagai lapisan di atas `react-intlayer` untuk membuat kamus Intlayer dapat digunakan dalam aplikasi Next.js. Paket ini mengintegrasikan fitur-fitur penting agar Intlayer dapat bekerja di lingkungan Next.js, seperti middleware terjemahan, routing, atau konfigurasi file `next.config.js`.
+
+### vue-intlayer
+
+Paket `vue-intlayer` digunakan untuk menginterpretasikan kamus Intlayer dan membuatnya dapat digunakan dalam aplikasi Vue.
+
+### nuxt-intlayer
+
+Paket `nuxt-intlayer` adalah modul Nuxt untuk membuat kamus Intlayer dapat digunakan dalam aplikasi Nuxt. Paket ini mengintegrasikan fitur-fitur penting agar Intlayer dapat bekerja di lingkungan Nuxt, seperti middleware terjemahan, routing, atau konfigurasi file `nuxt.config.js`.
+
+### svelte-intlayer (WIP)
+
+Paket `svelte-intlayer` digunakan untuk menginterpretasikan kamus Intlayer dan membuatnya dapat digunakan dalam aplikasi Svelte.
+
+### solid-intlayer (WIP)
+
+Paket `solid-intlayer` digunakan untuk menginterpretasikan kamus Intlayer dan membuatnya dapat digunakan dalam aplikasi Solid.js.
+
+### preact-intlayer
+
+Paket `preact-intlayer` digunakan untuk menginterpretasikan kamus Intlayer dan membuatnya dapat digunakan dalam aplikasi Preact.
+
+### angular-intlayer (WIP)
+
+Paket `angular-intlayer` digunakan untuk menginterpretasikan kamus Intlayer dan membuatnya dapat digunakan dalam aplikasi Angular.
+
+### express-intlayer
+
+Paket `express-intlayer` digunakan untuk menggunakan Intlayer pada backend Express.js.
+
+### react-native-intlayer
+
+Paket `react-native-intlayer` menyediakan alat yang mengintegrasikan plugin agar Intlayer dapat bekerja dengan Metro bundler.
+
+### lynx-intlayer
+
+Paket `lynx-intlayer` menyediakan alat yang mengintegrasikan plugin agar Intlayer dapat bekerja dengan Lynx bundler.
+
+### vite-intlayer
+
+Menyertakan plugin Vite untuk mengintegrasikan Intlayer dengan [Vite bundler](https://vite.dev/guide/why.html#why-bundle-for-production), serta middleware untuk mendeteksi locale yang dipilih pengguna, mengelola cookie, dan menangani pengalihan URL.
+
+### react-scripts-intlayer
+
+Mencakup perintah dan plugin `react-scripts-intlayer` untuk mengintegrasikan Intlayer dengan aplikasi berbasis Create React App. Plugin ini didasarkan pada [craco](https://craco.js.org/) dan mencakup konfigurasi tambahan untuk bundler [Webpack](https://webpack.js.org/).
+
+### intlayer-editor
+
+Paket `intlayer-editor` digunakan untuk memungkinkan penggunaan editor visual. Paket ini bersifat opsional, dapat diinstal dalam aplikasi, dan akan digunakan oleh paket `react-intlayer`.
+Paket ini terdiri dari dua bagian: server dan klien.
+
+Klien berisi elemen UI yang akan digunakan oleh `react-intlayer`.
+
+Server, yang berbasis Express, digunakan untuk menerima permintaan editor visual dan mengelola atau memodifikasi file konten.
+
+### intlayer-cli
+
+Paket `intlayer-cli` dapat digunakan untuk menghasilkan kamus menggunakan perintah `npx intlayer dictionaries build`. Jika `intlayer` sudah terpasang, CLI secara otomatis terpasang dan paket ini tidak diperlukan.
+
+### @intlayer/core
+
+Paket `@intlayer/core` adalah paket utama Intlayer. Paket ini berisi fungsi terjemahan dan manajemen kamus. `@intlayer/core` bersifat multiplatform dan digunakan oleh paket lain untuk melakukan interpretasi kamus.
+
+### @intlayer/config
+
+Paket `@intlayer/config` digunakan untuk mengonfigurasi pengaturan Intlayer, seperti bahasa yang tersedia, parameter middleware Next.js, atau pengaturan editor terintegrasi.
+
+### @intlayer/webpack
+
+Paket `@intlayer/webpack` digunakan untuk menyediakan konfigurasi Webpack agar aplikasi berbasis Webpack dapat bekerja dengan Intlayer. Paket ini juga menyediakan plugin untuk ditambahkan ke aplikasi Webpack yang sudah ada.
+
+### @intlayer/cli
+
+Paket `@intlayer/cli` adalah paket NPM yang digunakan untuk mendeklarasikan skrip yang terkait dengan antarmuka baris perintah Intlayer. Paket ini memastikan keseragaman semua perintah CLI Intlayer. Paket ini terutama digunakan oleh paket [intlayer-cli](https://github.com/aymericzip/intlayer/tree/main/docs/id/packages/intlayer-cli/index.md), dan [intlayer](https://github.com/aymericzip/intlayer/tree/main/docs/id/packages/intlayer/index.md).
+
+### @intlayer/mcp
+
+Paket `@intlayer/mcp` menyediakan server MCP (Model Context Protocol) yang memberikan bantuan IDE bertenaga AI yang disesuaikan untuk ekosistem Intlayer. Paket ini secara otomatis memuat dokumentasi dan terintegrasi dengan Intlayer CLI.
+
+### @intlayer/dictionaries-entry & @intlayer/unmerged-dictionaries-entry & @intlayer/dynamic-dictionaries-entry
+
+Paket `@intlayer/dictionaries-entry`, `@intlayer/unmerged-dictionaries-entry` dan `@intlayer/dynamic-dictionaries-entry` mengembalikan jalur entri dari kamus Intlayer. Karena pencarian sistem berkas dari browser tidak mungkin dilakukan, menggunakan bundler seperti Webpack atau Rollup untuk mengambil jalur entri kamus juga tidak memungkinkan. Paket-paket ini dirancang untuk di-alias-kan, memungkinkan optimasi bundling di berbagai bundler seperti Vite, Webpack, dan Turbopack.
+
+### @intlayer/chokidar
+
+Paket `@intlayer/chokidar` digunakan untuk memantau file konten dan menghasilkan ulang kamus yang dimodifikasi setiap kali ada perubahan.
+
+### @intlayer/editor
+
+Paket `@intlayer/editor` menyediakan utilitas yang terkait dengan editor kamus. Paket ini secara khusus mencakup API untuk menghubungkan aplikasi dengan editor Intlayer, serta utilitas untuk memanipulasi kamus. Paket ini bersifat lintas platform.
+
+### @intlayer/editor-react
+
+Paket `@intlayer/editor-react` menyediakan states, contexts, hooks, dan komponen untuk menghubungkan aplikasi React dengan editor Intlayer.
+
+### @intlayer/babel
+
+Paket `@intlayer/babel` menyediakan alat yang mengoptimalkan bundling kamus untuk aplikasi berbasis Vite dan Webpack.
+
+### @intlayer/swc
+
+Paket `@intlayer/swc` menyediakan alat yang mengoptimalkan bundling kamus untuk aplikasi Next.js.
+
+### @intlayer/api
+
+Paket `@intlayer/api` adalah SDK API untuk berinteraksi dengan backend.
+
+### @intlayer/design-system
+
+Paket `@intlayer/design-system` digunakan untuk berbagi elemen desain antara CMS dan editor Visual.
+
+### @intlayer/backend
+
+Paket `@intlayer/backend` mengekspor tipe backend dan pada akhirnya akan menawarkan backend sebagai paket mandiri di masa depan.
+
+## Obrolan dengan dokumentasi pintar kami
+
+- [Ajukan pertanyaan Anda ke dokumentasi pintar kami](https://intlayer.org/doc/chat)

package/docs/id/index.md

@@ -0,0 +1,176 @@
+---
+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.