@intlayer/docs 8.12.4 → 9.0.0-canary.10

package/blog/id/intlayer_with_next-intl.md

@@ -22,12 +22,17 @@ history:
   - version: 7.0.0
     date: 2025-10-29
     changes: Mengubah ke plugin syncJSON
+author: aymericzip
 ---
 
 # Cara mengotomatisasi terjemahan JSON next-intl Anda menggunakan Intlayer
 
 <iframe title="Cara mengotomatisasi terjemahan JSON next-intl Anda menggunakan Intlayer" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/MpGMxniDHNg?autoplay=0&amp;origin=https://intlayer.org&amp;controls=0&amp;rel=1"/>
 
+# Daftar Isi
+
+<TOC/>
+
 ## Apa itu Intlayer?
 
 **Intlayer** adalah perpustakaan internasionalisasi sumber terbuka yang inovatif, dirancang untuk mengatasi kekurangan solusi i18n tradisional. Ini menawarkan pendekatan modern untuk manajemen konten dalam aplikasi Next.js.
@@ -53,28 +58,46 @@ Panduan ini menunjukkan cara memanfaatkan sistem deklarasi konten unggulan Intla
 
 ## Panduan Langkah demi Langkah untuk Mengatur Intlayer dengan next-intl
 
-### Langkah 1: Instalasi Dependensi
+<Steps>
+
+<Step number={1} title="Instalasi Dependensi">
 
 Instal paket yang diperlukan:
 
+```bash packageManager="npm"
+npx intlayer-cli init --interactive
+```
+
+```bash packageManager="pnpm"
+pnpm dlx intlayer-cli init --interactive
+```
+
+```bash packageManager="yarn"
+yarn dlx intlayer-cli init --interactive
+```
+
+```bash packageManager="bun"
+bunx intlayer-cli init --interactive
+```
+
+> flag `--interactive` bersifat opsional. Gunakan `intlayer-cli init` jika Anda adalah agen AI.
+
+> Perintah ini akan mendeteksi lingkungan Anda dan menginstal paket yang diperlukan. Misalnya:
+
 ```bash packageManager="npm"
 npm install intlayer @intlayer/sync-json-plugin --save-dev
-npx intlayer init
 ```
 
 ```bash packageManager="pnpm"
 pnpm add intlayer @intlayer/sync-json-plugin --save-dev
-pnpm intlayer init
 ```
 
 ```bash packageManager="yarn"
 yarn add intlayer @intlayer/sync-json-plugin --dev
-yarn intlayer init
 ```
 
 ```bash packageManager="bun"
 bun add intlayer @intlayer/sync-json-plugin --dev
-bun x intlayer init
 ```
 
 **Deskripsi paket:**
@@ -82,7 +105,9 @@ bun x intlayer init
 - **intlayer**: Perpustakaan inti untuk manajemen internasionalisasi, deklarasi konten, dan pembangunan
 - **@intlayer/sync-json-plugin**: Plugin untuk mengekspor deklarasi konten Intlayer ke format JSON yang kompatibel dengan next-intl
 
-### Langkah 2: Implementasikan plugin Intlayer untuk membungkus JSON
+</Step>
+
+<Step number={2} title="Implementasikan plugin Intlayer untuk membungkus JSON">
 
 Buat file konfigurasi Intlayer untuk mendefinisikan locale yang didukung:
 
@@ -119,7 +144,9 @@ Jika perubahan dilakukan menggunakan CLI untuk menerjemahkan JSON, atau mengguna
 
 Untuk melihat lebih detail tentang plugin `syncJSON`, silakan merujuk ke [dokumentasi plugin syncJSON](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/plugins/sync-json.md).
 
-### (Opsional) Langkah 3: Implementasikan terjemahan JSON per-komponen
+</Step>
+
+<Step number={3} title="Implementasikan terjemahan JSON per-komponen">
 
 Secara default, Intlayer akan memuat, menggabungkan, dan menyinkronkan baik file JSON maupun file deklarasi konten. Lihat [dokumentasi deklarasi konten](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/dictionary/content_file.md) untuk detail lebih lanjut. Namun jika Anda lebih suka, menggunakan plugin Intlayer, Anda juga dapat mengimplementasikan manajemen JSON per-komponen yang dilokalkan di mana saja dalam basis kode Anda.
 
@@ -161,6 +188,10 @@ export default config;
 
 Ini akan memuat semua file JSON di direktori `src` yang cocok dengan pola `{key}.i18n.json` dan memuatnya sebagai kamus Intlayer.
 
+</Step>
+
+</Steps>
+
 ## Konfigurasi Git
 
 Disarankan untuk mengabaikan file Intlayer yang dihasilkan secara otomatis:

package/blog/id/intlayer_with_react-i18next.md

@@ -25,6 +25,7 @@ history:
   - version: 7.0.0
     date: 2025-10-29
     changes: Mengubah ke plugin syncJSON
+author: aymericzip
 ---
 
 # Cara mengotomatisasi terjemahan JSON react-i18next Anda menggunakan Intlayer
@@ -56,28 +57,46 @@ Panduan ini menunjukkan cara memanfaatkan sistem deklarasi konten unggulan Intla
 
 ## Panduan Langkah demi Langkah untuk Mengatur Intlayer dengan react-i18next
 
-### Langkah 1: Instalasi Dependensi
+<Steps>
+
+<Step number={1} title="Instalasi Dependensi">
 
 Instal paket-paket yang diperlukan:
 
+```bash packageManager="npm"
+npx intlayer-cli init --interactive
+```
+
+```bash packageManager="pnpm"
+pnpm dlx intlayer-cli init --interactive
+```
+
+```bash packageManager="yarn"
+yarn dlx intlayer-cli init --interactive
+```
+
+```bash packageManager="bun"
+bunx intlayer-cli init --interactive
+```
+
+> flag `--interactive` bersifat opsional. Gunakan `intlayer-cli init` jika Anda adalah agen AI.
+
+> Perintah ini akan mendeteksi lingkungan Anda dan menginstal paket yang diperlukan. Misalnya:
+
 ```bash packageManager="npm"
 npm install intlayer @intlayer/sync-json-plugin --save-dev
-npx intlayer init
 ```
 
 ```bash packageManager="pnpm"
 pnpm add intlayer @intlayer/sync-json-plugin --save-dev
-pnpm intlayer init
 ```
 
 ```bash packageManager="yarn"
 yarn add intlayer @intlayer/sync-json-plugin --dev
-yarn intlayer init
 ```
 
 ```bash packageManager="bun"
 bun add intlayer @intlayer/sync-json-plugin --dev
-bun x intlayer init
 ```
 
 **Deskripsi paket:**
@@ -85,7 +104,9 @@ bun x intlayer init
 - **intlayer**: Perpustakaan inti untuk manajemen internasionalisasi, deklarasi konten, dan pembangunan
 - **@intlayer/sync-json-plugin**: Plugin untuk mengekspor deklarasi konten Intlayer ke format JSON yang kompatibel dengan react-i18next
 
-### Langkah 2: Implementasikan plugin Intlayer untuk membungkus JSON
+</Step>
+
+<Step number={2} title="Implementasikan plugin Intlayer untuk membungkus JSON">
 
 Buat file konfigurasi Intlayer untuk mendefinisikan locale yang didukung:
 
@@ -121,7 +142,9 @@ Jika perubahan dilakukan menggunakan CLI untuk menerjemahkan JSON, atau mengguna
 
 Untuk melihat lebih detail tentang plugin `syncJSON`, silakan merujuk ke [dokumentasi plugin syncJSON](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/plugins/sync-json.md).
 
-### (Opsional) Langkah 3: Implementasi terjemahan JSON per-komponen
+</Step>
+
+<Step number={3} title="Implementasi terjemahan JSON per-komponen">
 
 Secara default, Intlayer akan memuat, menggabungkan, dan menyinkronkan baik file JSON maupun file deklarasi konten. Lihat [dokumentasi deklarasi konten](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/dictionary/content_file.md) untuk informasi lebih lanjut. Namun jika Anda lebih memilih, menggunakan plugin Intlayer, Anda juga dapat mengimplementasikan manajemen JSON terlokalisasi per-komponen di mana saja dalam basis kode Anda.
 
@@ -162,6 +185,10 @@ export default config;
 
 Ini akan memuat semua file JSON di direktori `src` yang cocok dengan pola `{key}.i18n.json` dan memuatnya sebagai kamus Intlayer.
 
+</Step>
+
+</Steps>
+
 ## Konfigurasi Git
 
 Disarankan untuk mengabaikan file Intlayer yang dihasilkan secara otomatis:

package/blog/id/intlayer_with_react-intl.md

@@ -23,6 +23,7 @@ history:
   - version: 7.0.0
     date: 2025-10-29
     changes: Mengubah ke plugin syncJSON
+author: aymericzip
 ---
 
 # Cara mengotomatisasi terjemahan JSON react-intl Anda menggunakan Intlayer
@@ -54,28 +55,46 @@ Panduan ini menunjukkan cara memanfaatkan sistem deklarasi konten unggulan Intla
 
 ## Panduan Langkah demi Langkah untuk Mengatur Intlayer dengan react-intl
 
-### Langkah 1: Instalasi Dependensi
+<Steps>
+
+<Step number={1} title="Instalasi Dependensi">
 
 Instal paket yang diperlukan:
 
+```bash packageManager="npm"
+npx intlayer-cli init --interactive
+```
+
+```bash packageManager="pnpm"
+pnpm dlx intlayer-cli init --interactive
+```
+
+```bash packageManager="yarn"
+yarn dlx intlayer-cli init --interactive
+```
+
+```bash packageManager="bun"
+bunx intlayer-cli init --interactive
+```
+
+> flag `--interactive` bersifat opsional. Gunakan `intlayer-cli init` jika Anda adalah agen AI.
+
+> Perintah ini akan mendeteksi lingkungan Anda dan menginstal paket yang diperlukan. Misalnya:
+
 ```bash packageManager="npm"
 npm install intlayer @intlayer/sync-json-plugin --save-dev
-npx intlayer init
 ```
 
 ```bash packageManager="pnpm"
 pnpm add intlayer @intlayer/sync-json-plugin --save-dev
-pnpm intlayer init
 ```
 
 ```bash packageManager="yarn"
 yarn add intlayer @intlayer/sync-json-plugin --dev
-yarn intlayer init
 ```
 
 ```bash packageManager="bun"
 bun add intlayer @intlayer/sync-json-plugin --dev
-bun x intlayer init
 ```
 
 **Deskripsi paket:**
@@ -83,7 +102,9 @@ bun x intlayer init
 - **intlayer**: Perpustakaan inti untuk manajemen internasionalisasi, deklarasi konten, dan pembangunan
 - **@intlayer/sync-json-plugin**: Plugin untuk mengekspor deklarasi konten Intlayer ke format JSON yang kompatibel dengan react-intl
 
-### Langkah 2: Terapkan plugin Intlayer untuk membungkus JSON
+</Step>
+
+<Step number={2} title="Terapkan plugin Intlayer untuk membungkus JSON">
 
 Buat file konfigurasi Intlayer untuk mendefinisikan locale yang didukung:
 
@@ -120,7 +141,9 @@ Jika perubahan dilakukan menggunakan CLI untuk menerjemahkan JSON, atau mengguna
 
 Untuk melihat lebih detail tentang plugin `syncJSON`, silakan merujuk ke [dokumentasi plugin syncJSON](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/plugins/sync-json.md).
 
-### (Opsional) Langkah 3: Implementasikan terjemahan JSON per-komponen
+</Step>
+
+<Step number={3} title="Implementasikan terjemahan JSON per-komponen">
 
 Secara default, Intlayer akan memuat, menggabungkan, dan menyinkronkan baik file JSON maupun file deklarasi konten. Lihat [dokumentasi deklarasi konten](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/dictionary/content_file.md) untuk informasi lebih lanjut. Namun jika Anda lebih memilih, menggunakan plugin Intlayer, Anda juga dapat mengimplementasikan manajemen JSON terlokalisasi per-komponen di mana saja dalam basis kode Anda.
 
@@ -162,6 +185,10 @@ export default config;
 
 Ini akan memuat semua file JSON di direktori `src` yang cocok dengan pola `{key}.i18n.json` dan memuatnya sebagai kamus Intlayer.
 
+</Step>
+
+</Steps>
+
 ## Konfigurasi Git
 
 Disarankan untuk mengabaikan file Intlayer yang dihasilkan secara otomatis:

package/blog/id/intlayer_with_vue-i18n.md

@@ -23,6 +23,7 @@ history:
   - version: 7.0.0
     date: 2025-10-29
     changes: Berubah ke plugin syncJSON dan penulisan ulang secara menyeluruh
+author: aymericzip
 ---
 
 # Internasionalisasi Vue.js (i18n) dengan vue-i18n dan Intlayer
@@ -56,28 +57,46 @@ Panduan ini menunjukkan cara memanfaatkan sistem deklarasi konten unggulan Intla
 
 ## Panduan Langkah demi Langkah untuk Mengatur Intlayer dengan vue-i18n
 
-### Langkah 1: Instalasi Dependensi
+<Steps>
+
+<Step number={1} title="Instalasi Dependensi">
 
 Instal paket yang diperlukan menggunakan manajer paket pilihan Anda:
 
+```bash packageManager="npm"
+npx intlayer-cli init --interactive
+```
+
+```bash packageManager="pnpm"
+pnpm dlx intlayer-cli init --interactive
+```
+
+```bash packageManager="yarn"
+yarn dlx intlayer-cli init --interactive
+```
+
+```bash packageManager="bun"
+bunx intlayer-cli init --interactive
+```
+
+> flag `--interactive` bersifat opsional. Gunakan `intlayer-cli init` jika Anda adalah agen AI.
+
+> Perintah ini akan mendeteksi lingkungan Anda dan menginstal paket yang diperlukan. Misalnya:
+
 ```bash packageManager="npm"
 npm install intlayer @intlayer/sync-json-plugin --save-dev
-npx intlayer init
 ```
 
 ```bash packageManager="pnpm"
 pnpm add intlayer @intlayer/sync-json-plugin --save-dev
-pnpm intlayer init
 ```
 
 ```bash packageManager="yarn"
 yarn add intlayer @intlayer/sync-json-plugin --dev
-yarn intlayer init
 ```
 
 ```bash packageManager="bun"
 bun add intlayer @intlayer/sync-json-plugin --dev
-bun x intlayer init
 ```
 
 **Penjelasan paket:**
@@ -85,7 +104,9 @@ bun x intlayer init
 - **intlayer**: Perpustakaan inti untuk deklarasi dan manajemen konten
 - **@intlayer/sync-json-plugin**: Plugin untuk menyinkronkan deklarasi konten Intlayer ke format JSON vue-i18n
 
-### Langkah 2: Terapkan plugin Intlayer untuk membungkus JSON
+</Step>
+
+<Step number={2} title="Terapkan plugin Intlayer untuk membungkus JSON">
 
 Buat file konfigurasi Intlayer untuk mendefinisikan locale yang didukung:
 
@@ -124,7 +145,9 @@ Untuk melihat lebih detail tentang plugin `syncJSON`, silakan merujuk ke [dokume
 
 ---
 
-### (Opsional) Langkah 3: Implementasikan terjemahan JSON per-komponen
+</Step>
+
+<Step number={3} title="Implementasikan terjemahan JSON per-komponen">
 
 Secara default, Intlayer akan memuat, menggabungkan, dan menyinkronkan baik file JSON maupun file deklarasi konten. Lihat [dokumentasi deklarasi konten](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/dictionary/content_file.md) untuk detail lebih lanjut. Namun jika Anda lebih memilih, dengan menggunakan plugin Intlayer, Anda juga dapat mengimplementasikan manajemen JSON per-komponen yang dilokalkan di mana saja dalam basis kode Anda.
 
@@ -168,6 +191,10 @@ Ini akan memuat semua file JSON di direktori `src` yang cocok dengan pola `{key}
 
 ---
 
+</Step>
+
+</Steps>
+
 ## Konfigurasi Git
 
 Kecualikan file yang dihasilkan dari kontrol versi:

package/blog/id/l10n_platform_alternative/Lokalise.md

@@ -15,6 +15,7 @@ history:
   - version: 7.5.0
     date: 2025-12-18
     changes: Initial version
+author: aymericzip
 ---
 
 # Alternatif L10n Sumber Terbuka untuk Lokalise (TMS)

package/blog/id/l10n_platform_alternative/crowdin.md

@@ -15,6 +15,7 @@ history:
   - version: 7.5.0
     date: 2025-12-18
     changes: Versi awal
+author: aymericzip
 ---
 
 # Alternatif Open-Source L10N untuk Crowdin (TMS)

package/blog/id/l10n_platform_alternative/phrase.md

@@ -15,6 +15,7 @@ history:
   - version: 7.5.0
     date: 2025-12-18
     changes: Initial version
+author: aymericzip
 ---
 
 # Alternatif L10N Open-Source untuk Phrase (TMS)

package/blog/id/list_i18n_technologies/frameworks/angular.md

@@ -16,6 +16,7 @@ slugs:
   - i18n-technologies
   - frameworks
   - angular
+author: aymericzip
 ---
 
 # Menjelajahi Solusi i18n untuk Menerjemahkan Situs Web Angular Anda

package/blog/id/list_i18n_technologies/frameworks/react-native.md

@@ -16,6 +16,7 @@ slugs:
   - i18n-technologies
   - frameworks
   - react-native
+author: aymericzip
 ---
 
 # Menjelajahi Solusi i18n untuk Menerjemahkan Aplikasi React Native Anda

package/blog/id/list_i18n_technologies/frameworks/react.md

@@ -16,6 +16,7 @@ slugs:
   - i18n-technologies
   - frameworks
   - react
+author: aymericzip
 ---
 
 # Menjelajahi Solusi i18n untuk Menerjemahkan Situs Web React Anda

package/blog/id/list_i18n_technologies/frameworks/svelte.md

@@ -16,6 +16,7 @@ slugs:
   - i18n-technologies
   - frameworks
   - svelte
+author: aymericzip
 ---
 
 # Menjelajahi Solusi i18n untuk Menerjemahkan Situs Web Svelte Anda

package/blog/id/list_i18n_technologies/frameworks/vue.md

@@ -16,6 +16,7 @@ slugs:
   - i18n-technologies
   - frameworks
   - vue
+author: aymericzip
 ---
 
 # Menjelajahi Solusi i18n untuk Menerjemahkan Situs Web Vue.js Anda

package/blog/id/next-i18next_vs_next-intl_vs_intlayer.md

@@ -15,6 +15,7 @@ keywords:
 slugs:
   - blog
   - next-i18next-vs-next-intl-vs-intlayer
+author: aymericzip
 ---
 
 # next-i18next VS next-intl VS intlayer | Internasionalisasi Next.js (i18n)

package/blog/id/nextjs-multilingual-seo-comparison.md

@@ -16,6 +16,7 @@ keywords:
 slugs:
   - blog
   - blog-seo-i18n-nextjs
+author: aymericzip
 ---
 
 # SEO dan i18n di Next.js: Menerjemahkan saja tidak cukup

package/blog/id/per-component_vs_centralized_i18n.md

@@ -13,6 +13,7 @@ keywords:
 slugs:
   - blog
   - per-component-vs-centralized-i18n
+author: aymericzip
 ---
 
 # Per-Komponen vs. i18n Terpusat

package/blog/id/rag_powered_documentation_assistant.md

@@ -13,6 +13,7 @@ keywords:
 slugs:
   - blog
   - rag-powered-documentation-assistant
+author: aymericzip
 ---
 
 # Membangun Asisten Dokumentasi Bertenaga RAG (Chunking, Embeddings, dan Pencarian)
@@ -69,13 +70,17 @@ Secara garis besar, berikut resep yang saya gunakan:
 5.  **Augmentasi + Generasi (AG dalam RAG)** Potongan-potongan tersebut disuntikkan ke dalam prompt untuk ChatGPT, sehingga model menjawab dengan konteks dokumen yang sebenarnya.
 6.  **Mencatat query untuk umpan balik** Setiap query pengguna disimpan. Ini sangat berharga untuk memahami titik masalah, dokumen yang hilang, atau peluang baru.
 
-## Langkah 1: Membaca Dokumen
+<Steps>
+
+<Step number={1} title="Membaca Dokumen">
 
 Langkah pertama sangat sederhana: saya membutuhkan cara untuk memindai folder docs/ untuk semua file .md. Menggunakan Node.js dan glob, saya mengambil konten dari setiap file Markdown ke dalam memori.
 
 Ini menjaga pipeline tetap fleksibel: alih-alih Markdown, Anda bisa mengambil dokumen dari database, CMS, atau bahkan API.
 
-## Langkah 2: Memecah Dokumentasi menjadi Potongan
+</Step>
+
+<Step number={2} title="Memecah Dokumentasi menjadi Potongan">
 
 Mengapa memecah? Karena model bahasa memiliki **batas konteks**. Memberi mereka seluruh buku dokumen tidak akan berhasil.
 
@@ -97,7 +102,9 @@ Pertukaran ini (ukuran chunk vs tumpang tindih) adalah kunci untuk efisiensi RAG
 - Terlalu kecil → Anda mendapatkan noise.
 - Terlalu besar → Anda membengkakkan ukuran konteks.
 
-## Langkah 3: Menghasilkan Embeddings
+</Step>
+
+<Step number={3} title="Menghasilkan Embeddings">
 
 Setelah dokumen dipecah menjadi chunk, kita menghasilkan **embeddings**, vektor berdimensi tinggi yang mewakili setiap chunk.
 
@@ -115,7 +122,9 @@ Saya menggunakan model OpenAI text-embedding-3-large, tetapi Anda bisa menggunak
 
 Setiap vektor adalah sidik jari matematis dari teks, memungkinkan pencarian kemiripan.
 
-## Langkah 4: Pengindeksan & Penyimpanan Embedding
+</Step>
+
+<Step number={4} title="Pengindeksan & Penyimpanan Embedding">
 
 Untuk menghindari pembuatan ulang embedding berkali-kali, saya menyimpannya di embeddings.json.
 
@@ -128,7 +137,9 @@ Dalam produksi, Anda kemungkinan ingin menggunakan basis data vektor seperti:
 
 Basis data vektor menangani pengindeksan, skalabilitas, dan pencarian cepat. Namun untuk prototipe saya, JSON lokal sudah cukup.
 
-## Langkah 5: Pengambilan dengan Cosine Similarity
+</Step>
+
+<Step number={5} title="Pengambilan dengan Cosine Similarity">
 
 Ketika pengguna mengajukan pertanyaan:
 
@@ -140,7 +151,9 @@ Cosine similarity mengukur sudut antara dua vektor. Kecocokan sempurna mendapatk
 
 Dengan cara ini, sistem menemukan bagian dokumen yang paling dekat dengan kueri.
 
-## Langkah 6: Augmentasi + Generasi
+</Step>
+
+<Step number={6} title="Augmentasi + Generasi">
 
 Sekarang saatnya keajaiban. Kita mengambil potongan-potongan teratas dan menyuntikkannya ke dalam **system prompt** untuk ChatGPT.
 
@@ -148,7 +161,9 @@ Itu berarti model menjawab seolah-olah potongan-potongan tersebut adalah bagian
 
 Hasilnya: jawaban yang akurat dan **berdasarkan dokumen**.
 
-## Langkah 7: Mencatat Kueri Pengguna
+</Step>
+
+<Step number={7} title="Mencatat Kueri Pengguna">
 
 Ini adalah kekuatan tersembunyi.
 
@@ -161,7 +176,9 @@ Setiap pertanyaan yang diajukan disimpan. Seiring waktu, Anda membangun dataset
 
 Ini mengubah asisten RAG Anda menjadi **alat riset pengguna berkelanjutan**.
 
-## Berapa Biayanya?
+</Step>
+
+<Step number={8} title="Berapa Biayanya?">
 
 Salah satu keberatan umum terhadap RAG adalah biaya. Dalam praktiknya, biayanya cukup murah:
 
@@ -171,7 +188,9 @@ Salah satu keberatan umum terhadap RAG adalah biaya. Dalam praktiknya, biayanya
 
 Di atas itu, Anda dapat memasukkan biaya hosting.
 
-## Detail Implementasi
+</Step>
+
+<Step number={9} title="Detail Implementasi">
 
 Stack:
 
@@ -235,7 +254,9 @@ Kami bereksperimen dengan gpt-5, tetapi latensinya terlalu tinggi (kadang hingga
 
 👉 [Coba demo di sini](https://intlayer.org/doc/why) 👉 [Periksa template kode di GitHub](https://github.com/aymericzip/smart_doc_RAG)
 
-## Melangkah Lebih Jauh
+</Step>
+
+<Step number={10} title="Melangkah Lebih Jauh">
 
 Proyek ini adalah implementasi minimal. Namun, Anda dapat memperluasnya dengan berbagai cara:
 
@@ -247,13 +268,17 @@ Proyek ini adalah implementasi minimal. Namun, Anda dapat memperluasnya dengan b
 - Pengambilan multi-sumber → menarik tidak hanya dokumen, tetapi juga entri database, posting blog, tiket, dll.
 - Peningkatan prompting → peringkat ulang, penyaringan, dan pencarian hibrida (kata kunci + semantik)
 
-## Batasan yang Kami Temui
+</Step>
+
+<Step number={11} title="Batasan yang Kami Temui">
 
 - Pemecahan chunk dan tumpang tindih bersifat empiris. Keseimbangan yang tepat (ukuran chunk, persentase tumpang tindih, jumlah chunk yang diambil) memerlukan iterasi dan pengujian.
 - Embedding tidak dihasilkan ulang secara otomatis saat dokumen berubah. Sistem kami mereset embedding untuk sebuah file hanya jika jumlah chunk berbeda dari yang tersimpan.
 - Dalam prototipe ini, embedding disimpan dalam format JSON. Ini bekerja untuk demo tetapi mencemari Git. Dalam produksi, database atau penyimpanan vektor khusus lebih baik.
 
-## Mengapa Ini Penting Selain Dokumen
+</Step>
+
+<Step number={12} title="Mengapa Ini Penting Selain Dokumen">
 
 Bagian menariknya bukan hanya chatbot. Ini adalah **loop umpan balik**.
 
@@ -273,7 +298,9 @@ Bayangkan meluncurkan fitur baru dan langsung melihat:
 
 Itu adalah **intelijen produk** langsung dari pengguna Anda.
 
-## Kesimpulan
+</Step>
+
+<Step number={13} title="Kesimpulan">
 
 RAG adalah salah satu cara paling sederhana dan paling kuat untuk membuat LLM menjadi praktis. Dengan menggabungkan **retrieval + generation**, Anda dapat mengubah dokumen statis menjadi **asisten pintar** dan, pada saat yang sama, mendapatkan aliran wawasan produk yang berkelanjutan.
 
@@ -286,3 +313,20 @@ Bagi saya, proyek ini menunjukkan bahwa RAG bukan hanya trik teknis. Ini adalah
 👉 [Coba demo di sini](https://intlayer.org/doc/why) 👉 [Periksa template kode di GitHub](https://github.com/aymericzip/smart_doc_RAG)
 
 Dan jika Anda juga bereksperimen dengan RAG, saya ingin sekali mendengar bagaimana Anda menggunakannya.
+
+</Step>
+
+</Steps>
+## Kesimpulan
+
+RAG adalah salah satu cara paling sederhana dan paling kuat untuk membuat LLM praktis. Dengan menggabungkan **retrieval + generation**, Anda dapat mengubah docs statis menjadi **smart assistant** dan, pada saat yang sama, mendapatkan aliran wawasan produk yang berkelanjutan.
+
+Bagi saya, proyek ini menunjukkan bahwa RAG bukan hanya trik teknis. Ini adalah cara untuk mengubah dokumentasi menjadi:
+
+- sistem dukungan interaktif
+- saluran umpan balik
+- alat strategi produk
+
+👉 [Coba demo di sini](https://intlayer.org/doc/why) 👉 [Periksa template kode di GitHub](https://github.com/aymericzip/smart_doc_RAG)
+
+Dan jika Anda juga bereksperimen dengan RAG, saya ingin mendengar bagaimana Anda menggunakannya.

package/blog/id/react-i18next_vs_react-intl_vs_intlayer.md

@@ -15,6 +15,7 @@ keywords:
 slugs:
   - blog
   - react-i18next-vs-react-intl-vs-intlayer
+author: aymericzip
 ---
 
 # react-Intl VS react-i18next VS intlayer | Internasionalisasi React (i18n)

package/blog/id/vue-i18n_vs_intlayer.md

@@ -15,6 +15,7 @@ keywords:
 slugs:
   - blog
   - vue-i18n-vs-intlayer
+author: aymericzip
 ---
 
 # vue-i18n VS Intlayer | Internasionalisasi Vue (i18n)

package/blog/id/what_is_internationalization.md

@@ -15,6 +15,7 @@ keywords:
 slugs:
   - blog
   - what-is-internationalization
+author: aymericzip
 ---
 
 # Apa itu Internasionalisasi (i18n)? Definisi dan tantangan

package/blog/it/compiler_vs_declarative_i18n.md

@@ -16,6 +16,7 @@ keywords:
 slugs:
   - blog
   - compiler-vs-declarative-i18n
+author: aymericzip
 ---
 
 # Argomenti a favore e contro l'i18n basato su Compiler