@intlayer/docs 9.0.0-canary.3 → 9.0.0-canary.5

package/blog/hi/rag_powered_documentation_assistant.md

@@ -313,3 +313,16 @@ RAG LLMs को व्यावहारिक बनाने के सबस
 </Step>
 
 </Steps>
+## निष्कर्ष
+
+RAG LLMs को व्यावहारिक बनाने के सबसे सरल और शक्तिशाली तरीकों में से एक है। **retrieval + generation** को जोड़कर, आप स्टेटिक docs को एक **smart assistant** में बदल सकते हैं और साथ ही product insights की एक सतत stream प्राप्त कर सकते हैं।
+
+मेरे लिए, इस project ने दिखाया कि RAG सिर्फ एक तकनीकी trick नहीं है। यह documentation को इसमें बदलने का एक तरीका है:
+
+- एक interactive support system
+- एक feedback channel
+- एक product strategy tool
+
+👉 [Demo को यहाँ आजमाएं](https://intlayer.org/doc/why) 👉 [GitHub पर code template देखें](https://github.com/aymericzip/smart_doc_RAG)
+
+और अगर आप भी RAG के साथ experiment कर रहे हैं, तो मुझे सुनना अच्छा लगेगा कि आप इसे कैसे use कर रहे हैं।

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

@@ -146,6 +146,12 @@ author: aymericzip
 
 ---
 
+## GitHub STARs
+
+GitHub stars एक प्रोजेक्ट की लोकप्रियता, कम्युनिटी के विश्वास और दीर्घकालीन प्रासंगिकता का एक मजबूत संकेतक हैं। हालांकि तकनीकी गुणवत्ता का सीधा माप नहीं, वे दर्शाते हैं कि कितने developers को प्रोजेक्ट उपयोगी लगता है, इसकी प्रगति का अनुसरण करते हैं, और इसे अपनाने की संभावना रखते हैं। किसी प्रोजेक्ट के मूल्य का अनुमान लगाने के लिए, stars विकल्पों के बीच traction की तुलना करने और ecosystem growth में insights प्रदान करने में मदद करते हैं।
+
+[![Star History Chart](https://api.star-history.com/chart?repos=formatjs/formatjs%2Ci18next/react-i18next%2Caymericzip/intlayer&type=date&legend=top-left)](https://www.star-history.com/#formatjs/formatjs&i18next/react-i18next&aymericzip/intlayer)
+
 ## निष्कर्ष
 
 तीनों पुस्तकालय React को प्रभावी ढंग से स्थानीयकृत करते हैं। अंतर यह है कि आपको एक **सुरक्षित, स्केलेबल** सेटअप तक पहुंचने के लिए कितना **इन्फ्रास्ट्रक्चर** बनाना होगा:

package/blog/hi/vue-i18n_vs_intlayer.md

@@ -249,6 +249,14 @@ const { greeting } = useIntlayer("component-example");
 
 ---
 
+## vue-i18n के साथ अंतरसंचालनीयता
+
+`intlayer` आपके `vue-i18n` namespaces को प्रबंधित करने में भी मदद कर सकता है।
+
+`intlayer` का उपयोग करके, आप अपने पसंदीदा i18n library के प्रारूप में अपनी content declare कर सकते हैं, और intlayer आपकी namespaces को अपनी पसंद के स्थान पर generate करेगा (उदाहरण: `/messages/{{locale}}/{{namespace}}.json`)।
+
+---
+
 ## व्यावहारिक माइग्रेशन नोट्स (vue-i18n → Intlayer)
 
 - **प्रत्येक फीचर से शुरू करें**: एक समय में एक रूट/व्यू/कंपोनेंट को स्थानीय Intlayer शब्दकोशों में स्थानांतरित करें।

package/blog/id/internationalization_and_SEO.md

@@ -88,101 +88,10 @@ Dalam HTML Anda, tambahkan sesuatu seperti:
 
 ## 4. Membuat Konten Benar-Benar “Lokal” (Bukan Sekadar Diterjemahkan)
 
-### 4.1. Lokalisasi vs. Terjemahan
-
-- **Terjemahan** berarti mengubah teks dari satu bahasa ke bahasa lain secara kata per kata.
-- **Lokalisasi** berarti menyesuaikan format konten, mata uang, ukuran, dan referensi budaya untuk audiens lokal. Misalnya, jika Anda menargetkan Prancis, Anda akan menggunakan `€` alih-alih `---
-  createdAt: 2024-12-24
-  updatedAt: 2025-06-29
-  title: SEO dan Internasionalisasi
-  description: Temukan cara mengoptimalkan situs web multibahasa Anda untuk mesin pencari dan meningkatkan SEO Anda.
-  keywords:
-  - SEO
-  - Intlayer
-  - Internasionalisasi
-  - Blog
-  - Next.js
-  - JavaScript
-  - React
-    slugs:
-  - blog
-  - SEO-and-i18n
-
----
-
-# SEO & I18n: Panduan Utama untuk Membuat Situs Web Anda Multibahasa
-
-Ingin menjangkau lebih banyak pengguna di seluruh dunia? Membuat situs web Anda menjadi multibahasa adalah salah satu cara terbaik untuk memperluas audiens Anda dan meningkatkan SEO (Search Engine Optimization) Anda. Dalam posting blog ini, kami akan menguraikan dasar-dasar SEO internasional yang sering disebut sebagai **i18n** (singkatan dari "internasionalisasi"), dengan istilah yang jelas dan mudah dipahami. Anda akan mempelajari keputusan kunci yang perlu Anda buat, cara menggunakan elemen teknis seperti `hreflang`, dan mengapa alat seperti **Intlayer** dapat menyederhanakan proyek Next.js multibahasa Anda.
-
----
-
-## 1. Apa Arti Membuat Situs Web Anda Menjadi Multibahasa?
-
-Situs web multibahasa menawarkan kontennya dalam lebih dari satu bahasa. Misalnya, Anda mungkin memiliki versi bahasa Inggris (`example.com/en/`), versi bahasa Prancis (`example.com/fr/`), dan versi bahasa Spanyol (`example.com/es/`). Pendekatan ini memungkinkan mesin pencari menampilkan versi bahasa yang tepat kepada pengguna berdasarkan preferensi atau lokasi geografis mereka.
-
-Ketika Anda melakukannya dengan benar, Anda akan menciptakan pengalaman yang jauh lebih ramah pengguna bagi penutur non-Inggris yang mengarah pada keterlibatan yang lebih baik, tingkat konversi yang lebih tinggi, dan peningkatan SEO di berbagai wilayah.
-
----
-
-## 2. Memilih Struktur URL yang Tepat
-
-Jika Anda memutuskan untuk memiliki beberapa versi bahasa, Anda memerlukan cara yang jelas dan konsisten untuk mengatur URL situs Anda. Setiap bahasa (atau wilayah) harus memiliki “alamat” uniknya sendiri di internet. Berikut adalah tiga cara umum untuk menyusun situs web multibahasa:
-
-1. Domain Tingkat Atas Kode Negara (ccTLD)
-   - Contoh: `example.fr`, `example.de`
-   - **Kelebihan:** Mengirim sinyal kuat ke mesin pencari tentang negara mana konten tersebut ditargetkan (misalnya, `.fr` = Prancis).
-   - **Kekurangan:** Mengelola beberapa domain bisa lebih mahal dan rumit.
-
-2. **Subdomain**
-   - **Contoh:** `fr.example.com`, `de.example.com`
-   - **Kelebihan:** Setiap bahasa “tinggal” di subdomainnya sendiri, sehingga relatif mudah untuk menambah atau menghapus bahasa.
-   - **Kekurangan:** Mesin pencari terkadang memperlakukan subdomain sebagai situs yang terpisah, sehingga dapat mengurangi otoritas domain utama Anda.
-
-3. **Subdirektori (Subfolder)**
-   - **Contoh:** `example.com/fr/`, `example.com/de/`
-   - **Kelebihan:** Mudah dikelola, dan semua lalu lintas diarahkan ke satu domain utama.
-   - **Kekurangan:** Sinyal SEO lokal tidak sekuat ccTLD (meskipun masih sangat efektif jika dilakukan dengan benar).
-
-> **Tips:** Jika Anda memiliki merek global dan ingin menjaga semuanya tetap sederhana, subdirektori seringkali menjadi pilihan terbaik. Jika Anda hanya menargetkan satu atau dua negara utama dan ingin benar-benar menekankan masing-masing, ccTLD mungkin menjadi pilihan yang tepat.
-
----
-
-## 3. Menguasai Penargetan Bahasa dengan Hreflang
-
 ### 3.1. Apa Itu Hreflang?
 
 Ketika Anda memiliki konten yang identik atau sangat mirip dalam beberapa bahasa, mesin pencari seperti Google bisa bingung versi mana yang harus ditampilkan kepada pengguna. **Hreflang** adalah atribut HTML yang memberi tahu mesin pencari bahasa (dan wilayah) mana yang ditujukan untuk halaman tertentu, serta halaman alternatif bahasa/ wilayah lainnya.
 
-### 3.2. Mengapa Ini Penting?
-
-1. Mencegah masalah **konten duplikat** (ketika mesin pencari mengira Anda menerbitkan konten yang sama berkali-kali).
-2. Memastikan **pengguna Prancis melihat versi bahasa Prancis**, **pengguna Spanyol melihat versi bahasa Spanyol**, dan seterusnya.
-3. Meningkatkan pengalaman pengguna secara keseluruhan, yang berarti keterlibatan lebih baik dan peringkat SEO yang lebih tinggi.
-
-### 3.3. Cara Menggunakan Hreflang di Tag `<head>`
-
-Dalam HTML Anda, tambahkan sesuatu seperti:
-
-```html
-<link rel="alternate" hreflang="en" href="https://example.com/en" />
-<link rel="alternate" hreflang="fr" href="https://example.com/fr" />
-<link rel="alternate" hreflang="es" href="https://example.com/es" />
-<link rel="alternate" hreflang="x-default" href="https://example.com/en" />
-```
-
-- **`hreflang="en"`**: Menunjukkan versi bahasa Inggris dari halaman tersebut.
-- **`hreflang="fr"`**: Menunjukkan versi bahasa Prancis dari halaman tersebut.
-- **`hreflang="es"`**: Menunjukkan versi bahasa Spanyol dari halaman tersebut.
-- **`hreflang="x-default"`**: Bahasa “fallback” atau URL default ketika tidak ada bahasa lain yang cocok dengan preferensi pengguna.
-
-> **Catatan Cepat:** Pastikan URL dalam tag ini langsung mengarah ke halaman akhir, tanpa pengalihan tambahan apapun.
-
----
-
-## 4. Membuat Konten Benar-Benar “Lokal” (Bukan Sekadar Diterjemahkan)
-
-, dan mungkin menyebutkan hari libur lokal atau detail khusus wilayah.
-
 ### 4.2. Menghindari Konten Duplikat
 
 Meskipun terjemahan sudah baik, mesin pencari dapat menandai situs Anda sebagai konten duplikat jika tampilannya terlalu mirip secara struktur. Hreflang membantu memperjelas bahwa halaman-halaman ini bukan duplikat, melainkan variasi bahasa.

package/blog/id/intlayer_with_i18next.md

@@ -34,6 +34,10 @@ author: aymericzip
 
 <iframe title="Cara mengotomatisasi terjemahan JSON i18next 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 JavaScript.
@@ -65,24 +69,40 @@ Panduan ini menunjukkan cara memanfaatkan sistem deklarasi konten Intlayer yang
 
 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:**

package/blog/id/intlayer_with_next-i18next.md

@@ -34,17 +34,6 @@ author: aymericzip
 
 <TOC/>
 
-## Apa itu next-i18next?
-
-**next-i18next** adalah salah satu kerangka kerja internasionalisasi (i18n) yang paling populer untuk aplikasi Next.js. Dibangun di atas ekosistem **i18next** yang kuat, ia menyediakan solusi komprehensif untuk mengelola terjemahan, lokalisasi, dan pergantian bahasa dalam proyek Next.js.
-
-Namun, next-i18next memiliki beberapa tantangan:
-
-- **Konfigurasi yang kompleks**: Mengatur next-i18next memerlukan beberapa file konfigurasi dan penyiapan yang cermat untuk instance i18n di sisi server dan klien.
-- **Terjemahan yang tersebar**: File terjemahan biasanya disimpan di direktori yang terpisah dari komponen, sehingga lebih sulit untuk menjaga konsistensi.
-- **Manajemen namespace manual**: Pengembang perlu mengelola namespace secara manual dan memastikan pemuatan sumber daya terjemahan yang tepat.
-- **Keamanan tipe terbatas**: Dukungan TypeScript memerlukan konfigurasi tambahan dan tidak menyediakan pembuatan tipe otomatis untuk terjemahan.
-
 ## 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.
@@ -73,24 +62,40 @@ Panduan ini menunjukkan cara memanfaatkan sistem deklarasi konten unggulan Intla
 
 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:**

package/blog/id/intlayer_with_next-intl.md

@@ -29,6 +29,10 @@ author: aymericzip
 
 <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.
@@ -60,24 +64,40 @@ Panduan ini menunjukkan cara memanfaatkan sistem deklarasi konten unggulan Intla
 
 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:**

package/blog/id/intlayer_with_react-i18next.md

@@ -63,24 +63,40 @@ Panduan ini menunjukkan cara memanfaatkan sistem deklarasi konten unggulan Intla
 
 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:**

package/blog/id/intlayer_with_react-intl.md

@@ -61,24 +61,40 @@ Panduan ini menunjukkan cara memanfaatkan sistem deklarasi konten unggulan Intla
 
 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:**

package/blog/id/intlayer_with_vue-i18n.md

@@ -63,24 +63,40 @@ Panduan ini menunjukkan cara memanfaatkan sistem deklarasi konten unggulan Intla
 
 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:**

package/blog/id/rag_powered_documentation_assistant.md

@@ -317,3 +317,16 @@ Dan jika Anda juga bereksperimen dengan RAG, saya ingin sekali mendengar bagaima
 </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/it/intlayer_with_i18next.md

@@ -34,6 +34,10 @@ author: aymericzip
 
 <iframe title="Come automatizzare le traduzioni JSON di i18next usando 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"/>
 
+## Indice
+
+<TOC/>
+
 ## Cos'è Intlayer?
 
 **Intlayer** è una libreria di internazionalizzazione innovativa e open-source progettata per superare le limitazioni delle soluzioni i18n tradizionali. Offre un approccio moderno alla gestione dei contenuti nelle applicazioni JavaScript.
@@ -59,28 +63,46 @@ Questa guida ti mostra come sfruttare il sistema superiore di dichiarazione dei
 
 ## Guida passo-passo per configurare Intlayer con i18next
 
-### Passo 1: Installa le dipendenze
+<Steps>
+
+<Step number={1} title="Installa le dipendenze">
 
 Installa i pacchetti necessari:
 
+```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
+```
+
+> il flag `--interactive` è opzionale. Usa `intlayer-cli init` se sei un agente IA.
+
+> Questo comando rileverà il tuo ambiente e installerà i pacchetti richiesti. Ad esempio:
+
 ```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
 ```
 
 **Descrizione dei pacchetti:**
@@ -88,7 +110,9 @@ bun x intlayer init
 - **intlayer**: Libreria core per la gestione dell'internazionalizzazione, dichiarazione dei contenuti e build
 - **@intlayer/sync-json-plugin**: Plugin per esportare le dichiarazioni di contenuto di Intlayer in un formato JSON compatibile con i18next
 
-### Passo 2: Implementa il plugin Intlayer per avvolgere il JSON
+</Step>
+
+<Step number={2} title="Implementa il plugin Intlayer per avvolgere il JSON">
 
 Crea un file di configurazione Intlayer per definire le tue localizzazioni supportate:
 
@@ -124,7 +148,9 @@ Se vengono apportate modifiche utilizzando la CLI per tradurre il JSON, o utiliz
 
 Per maggiori dettagli sul plugin `syncJSON`, si prega di fare riferimento alla [documentazione del plugin syncJSON](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/plugins/sync-json.md).
 
-### (Opzionale) Passo 3: Implementare traduzioni JSON per componente
+</Step>
+
+<Step number={3} title="Implementare traduzioni JSON per componente" isOptional={true}>
 
 Per impostazione predefinita, Intlayer caricherà, unirà e sincronizzerà sia i file JSON che i file di dichiarazione del contenuto. Vedi [la documentazione sulla dichiarazione del contenuto](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/dictionary/content_file.md) per maggiori dettagli. Ma se preferisci, utilizzando un plugin Intlayer, puoi anche implementare una gestione per componente del JSON localizzato ovunque nel tuo codice.
 
@@ -167,6 +193,10 @@ Questo caricherà tutti i file JSON nella directory `src` che corrispondono al m
 
 ---
 
+</Step>
+
+</Steps>
+
 ## Configurazione Git
 
 Si consiglia di ignorare i file generati automaticamente da Intlayer:

package/blog/it/intlayer_with_next-i18next.md

@@ -34,17 +34,6 @@ author: aymericzip
 
 <TOC/>
 
-## Cos'è next-i18next?
-
-**next-i18next** è uno dei framework di internazionalizzazione (i18n) più popolari per le applicazioni Next.js. Costruito sopra il potente ecosistema **i18next**, offre una soluzione completa per la gestione delle traduzioni, della localizzazione e del cambio lingua nei progetti Next.js.
-
-Tuttavia, next-i18next presenta alcune sfide:
-
-- **Configurazione complessa**: Configurare next-i18next richiede più file di configurazione e un'attenta impostazione delle istanze i18n sia lato server che lato client.
-- **Traduzioni sparse**: I file di traduzione sono tipicamente archiviati in directory separate dai componenti, rendendo più difficile mantenere la coerenza.
-- **Gestione manuale dei namespace**: Gli sviluppatori devono gestire manualmente i namespace e assicurarsi del corretto caricamento delle risorse di traduzione.
-- **Sicurezza dei tipi limitata**: Il supporto a TypeScript richiede una configurazione aggiuntiva e non fornisce una generazione automatica dei tipi per le traduzioni.
-
 ## Cos'è Intlayer?
 
 **Intlayer** è una libreria di internazionalizzazione innovativa e open-source progettata per affrontare le carenze delle soluzioni i18n tradizionali. Offre un approccio moderno alla gestione dei contenuti nelle applicazioni Next.js.
@@ -67,28 +56,46 @@ Questa guida ti mostra come sfruttare il sistema superiore di dichiarazione dei
 
 ## Guida passo-passo per configurare Intlayer con next-i18next
 
-### Passo 1: Installa le dipendenze
+<Steps>
+
+<Step number={1} title="Installa le dipendenze">
 
 Installa i pacchetti necessari usando il tuo gestore di pacchetti preferito:
 
+```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
+```
+
+> il flag `--interactive` è opzionale. Usa `intlayer-cli init` se sei un agente IA.
+
+> Questo comando rileverà il tuo ambiente e installerà i pacchetti richiesti. Ad esempio:
+
 ```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
 ```
 
 **Spiegazioni dei pacchetti:**
@@ -96,7 +103,9 @@ bun x intlayer init
 - **intlayer**: Libreria core per la dichiarazione e gestione dei contenuti
 - **@intlayer/sync-json-plugin**: Plugin per sincronizzare le dichiarazioni di contenuto Intlayer nel formato JSON di i18next
 
-### Passo 2: Implementa il plugin Intlayer per avvolgere il JSON
+</Step>
+
+<Step number={2} title="Implementa il plugin Intlayer per avvolgere il JSON">
 
 Crea un file di configurazione Intlayer per definire le tue localizzazioni supportate:
 
@@ -134,7 +143,9 @@ Per maggiori dettagli sul plugin `syncJSON`, si prega di fare riferimento alla [
 
 ---
 
-### (Opzionale) Passo 3: Implementare traduzioni JSON per componente
+</Step>
+
+<Step number={3} title="Implementare traduzioni JSON per componente" isOptional={true}>
 
 Per impostazione predefinita, Intlayer caricherà, unirà e sincronizzerà sia i file JSON che i file di dichiarazione dei contenuti. Vedi [la documentazione sulla dichiarazione dei contenuti](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/dictionary/content_file.md) per maggiori dettagli. Ma se preferisci, utilizzando un plugin di Intlayer, puoi anche implementare la gestione per componente di JSON localizzati ovunque nel tuo codice.
 
@@ -177,6 +188,10 @@ Questo caricherà tutti i file JSON nella directory `src` che corrispondono al m
 
 ---
 
+</Step>
+
+</Steps>
+
 ## Configurazione Git
 
 Escludi i file generati dal controllo di versione: