@intlayer/docs 9.4.4 → 9.5.0

package/blog/hi/vue-i18n_vs_intlayer.md

@@ -33,15 +33,11 @@ author: aymericzip
 
 > **संक्षेप में**: दोनों Vue ऐप्स को स्थानीयकृत कर सकते हैं। यदि आप चाहते हैं **कंपोनेंट-स्कोप्ड कंटेंट**, **सख्त TypeScript टाइप्स**, **बिल्ड-टाइम मिसिंग-की चेक्स**, **ट्री-शेक्ड डिक्शनरीज़**, और **बिल्ट-इन राउटर/SEO हेल्पर्स** के साथ-साथ **विज़ुअल एडिटर और AI अनुवाद**, तो **Intlayer** अधिक पूर्ण और आधुनिक विकल्प है।
 
----
-
 ## उच्च-स्तरीय स्थिति
 
 - **vue-i18n** - Vue के लिए डि-फैक्टो i18n लाइब्रेरी। लचीला संदेश स्वरूपण (ICU-शैली), स्थानीय संदेशों के लिए SFC `<i18n>` ब्लॉक्स, और एक बड़ा इकोसिस्टम। सुरक्षा और बड़े पैमाने पर रखरखाव ज्यादातर आपकी जिम्मेदारी है।
 - **Intlayer** - Vue/Vite/Nuxt के लिए कंपोनेंट-केंद्रित कंटेंट मॉडल जिसमें **सख्त TS टाइपिंग**, **बिल्ड-टाइम चेक्स**, **ट्री-शेकिंग**, **राउटर और SEO हेल्पर्स**, वैकल्पिक **विज़ुअल एडिटर/CMS**, और **AI-सहायता प्राप्त अनुवाद** शामिल हैं।
 
----
-
 ## साइड-बाय-साइड फीचर तुलना (Vue-केंद्रित)
 
 | फीचर                                             | **Intlayer**                                                                        | **vue-i18n**                                                                         |
@@ -65,8 +61,6 @@ author: aymericzip
 | **बड़े प्रोजेक्ट की रखरखाव क्षमता**              | ✅ मॉड्यूलर, डिज़ाइन-सिस्टम-अनुकूल संरचना को प्रोत्साहित करता है                    | ✅ संभव है, लेकिन मजबूत फ़ाइल/नेमस्पेस अनुशासन की आवश्यकता होती है                   |
 | **इकोसिस्टम / समुदाय**                           | ⚠️ छोटा लेकिन तेजी से बढ़ रहा है                                                    | ✅ Vue इकोसिस्टम में बड़ा और परिपक्व                                                 |
 
----
-
 ## गहराई से तुलना
 
 ### 1) वास्तुकला और विस्तार क्षमता
@@ -76,8 +70,6 @@ author: aymericzip
 
 **यह क्यों महत्वपूर्ण है:** बड़े Vue ऐप्स या डिज़ाइन सिस्टम में, **मॉड्यूलर सामग्री** मोनोलिथिक कैटलॉग की तुलना में बेहतर स्केल करती है।
 
----
-
 ### 2) टाइपस्क्रिप्ट और सुरक्षा
 
 - **vue-i18n**: अच्छा TS समर्थन; **कठोर कुंजी टाइपिंग** आमतौर पर कस्टम स्कीमाओं/जनरिक्स और सावधान कन्वेंशनों की आवश्यकता होती है।
@@ -85,8 +77,6 @@ author: aymericzip
 
 **यह क्यों महत्वपूर्ण है:** मजबूत टाइपिंग रनटाइम से **पहले** समस्याओं को पकड़ लेती है।
 
----
-
 ### 3) गायब अनुवाद प्रबंधन
 
 - **vue-i18n**: **रनटाइम** चेतावनियाँ/फॉलबैक (जैसे, फॉलबैक लोकल या कुंजी)।
@@ -94,8 +84,6 @@ author: aymericzip
 
 **यह क्यों महत्वपूर्ण है:** बिल्ड-टाइम प्रवर्तन उत्पादन UI को साफ और सुसंगत रखता है।
 
----
-
 ### 4) रूटिंग और URL रणनीति (Vue Router/Nuxt)
 
 - **दोनों** स्थानीयकृत रूट्स के साथ काम कर सकते हैं।
@@ -103,8 +91,6 @@ author: aymericzip
 
 **यह क्यों महत्वपूर्ण है:** कम कस्टम ग्लू लेयर्स और विभिन्न लोकलों में **साफ-सुथरा SEO**।
 
----
-
 ### 5) प्रदर्शन और लोडिंग व्यवहार
 
 - **vue-i18n**: असिंक्रोनस लोकल मैसेज का समर्थन करता है; ओवर-बंडलिंग से बचना आपकी जिम्मेदारी है (कैटलॉग को सावधानी से विभाजित करें)।
@@ -112,8 +98,6 @@ author: aymericzip
 
 **यह क्यों महत्वपूर्ण है:** छोटे बंडल और मल्टी-लोकल Vue ऐप्स के लिए तेज़ स्टार्टअप।
 
----
-
 ### 6) डेवलपर अनुभव और टूलिंग
 
 - **vue-i18n**: परिपक्व दस्तावेज़ और समुदाय; आप आमतौर पर संपादकीय कार्यप्रवाह के लिए **बाहरी स्थानीयकरण प्लेटफ़ॉर्म** पर निर्भर करेंगे।
@@ -121,8 +105,6 @@ author: aymericzip
 
 **यह क्यों महत्वपूर्ण है:** कम संचालन लागत और एक छोटा विकास–सामग्री चक्र।
 
----
-
 ### 7) SEO, SSR और SSG
 
 - **दोनों** Vue SSR और Nuxt के साथ काम करते हैं।
@@ -130,8 +112,6 @@ author: aymericzip
 
 **यह क्यों महत्वपूर्ण है:** बिना विशेष कनेक्शन के अंतरराष्ट्रीय SEO।
 
----
-
 ## क्यों Intlayer? (समस्या और दृष्टिकोण)
 
 अधिकांश i18n स्टैक्स (जिसमें **vue-i18n** भी शामिल है) **केंद्रीकृत कैटलॉग** से शुरू होते हैं:
@@ -221,8 +201,6 @@ const { greeting } = useIntlayer("component-example");
 - **मृत कुंजियों से बचाता है** (अप्रयुक्त कॉम्पोनेंट सामग्री आयात नहीं करते)।
 - **लोडिंग को अनुकूलित करता है** (लेट लोड किए गए कॉम्पोनेंट अपनी सामग्री साथ लाते हैं)।
 
----
-
 ## Intlayer की अतिरिक्त विशेषताएँ (Vue-संबंधित)
 
 - **क्रॉस-फ्रेमवर्क समर्थन**: Vue, Nuxt, Vite, React, Express, और अधिक के साथ काम करता है।
@@ -240,23 +218,17 @@ const { greeting } = useIntlayer("component-example");
 - **MCP सर्वर और VSCode एक्सटेंशन**: अपने IDE के अंदर i18n वर्कफ़्लोज़ और लेखन को स्वचालित करें।
 - **इंटरऑपरेबिलिटी**: आवश्यकता पड़ने पर **vue-i18n**, **react-i18next**, और **react-intl** के साथ पुल बनाता है।
 
----
-
 ## कब किसे चुनें?
 
 - **vue-i18n चुनें** यदि आप **मानक Vue दृष्टिकोण** चाहते हैं, आप कैटलॉग/नेमस्पेस स्वयं प्रबंधित करने में सहज हैं, और आपका ऐप **छोटा से मध्यम आकार** का है (या आप पहले से Nuxt i18n पर निर्भर हैं)।
 - **Intlayer चुनें** यदि आप **कंपोनेंट-स्कोप्ड कंटेंट**, **सख्त TypeScript**, **बिल्ड-टाइम गारंटियां**, **ट्री-शेकिंग**, और **बिल्ट-इन** रूटिंग/SEO/एडिटर टूलिंग को महत्व देते हैं-विशेष रूप से **बड़े, मॉड्यूलर Vue/Nuxt कोडबेस** के लिए।
 
----
-
 ## vue-i18n के साथ अंतरसंचालनीयता
 
 `intlayer` आपके `vue-i18n` namespaces को प्रबंधित करने में भी मदद कर सकता है।
 
 `intlayer` का उपयोग करके, आप अपने पसंदीदा i18n library के प्रारूप में अपनी content declare कर सकते हैं, और intlayer आपकी namespaces को अपनी पसंद के स्थान पर generate करेगा (उदाहरण: `/messages/{{locale}}/{{namespace}}.json`)।
 
----
-
 ## व्यावहारिक माइग्रेशन नोट्स (vue-i18n → Intlayer)
 
 - **प्रत्येक फीचर से शुरू करें**: एक समय में एक रूट/व्यू/कंपोनेंट को स्थानीय Intlayer शब्दकोशों में स्थानांतरित करें।
@@ -265,8 +237,6 @@ const { greeting } = useIntlayer("component-example");
 - **राउटर/SEO सहायक अपनाएं**: स्थानीय पहचान और `hreflang` टैग्स को मानकीकृत करें।
 - **बंडल मापें**: अप्रयुक्त सामग्री को हटाने पर **बंडल आकार में कमी** की उम्मीद करें।
 
----
-
 ## निष्कर्ष
 
 दोनों **vue-i18n** और **Intlayer** Vue ऐप्स को अच्छी तरह स्थानीयकृत करते हैं। अंतर यह है कि एक मजबूत, स्केलेबल सेटअप प्राप्त करने के लिए आपको **स्वयं कितना निर्माण करना होगा**:

package/blog/hi/what_is_internationalization.md

@@ -101,8 +101,6 @@ i18n का एक और महत्वपूर्ण लाभ उपयो
 - **सांस्कृतिक संवेदनाएँ**  
   आइकन, रंग, और प्रतीक विभिन्न संस्कृतियों में विभिन्न अर्थ रख सकते हैं। स्थानीय सांस्कृतिक बारीकियों का सम्मान करने के लिए दृश्य और पाठ्य सामग्री को अनुकूलित करना महत्वपूर्ण है।
 
----
-
 ## i18n के कार्यान्वयन के लिए सर्वोत्तम प्रथाएँ
 
 - **जल्दी योजना बनाएं**  
@@ -117,8 +115,6 @@ i18n का एक और महत्वपूर्ण लाभ उपयो
 - **अनुवाद पुन: प्रयोज्यता**  
   अपने अनुवाद फ़ाइलों को इस तरह से व्यवस्थित करें कि वे कई वेबसाइटों या अनुप्रयोगों के बीच पुन: प्रयोज्य हों। उदाहरण के लिए, यदि आपके पास एक बहुभाषी फ़ुटर या हेडर है, तो समर्पित अनुवाद फ़ाइलें सेट करें ताकि सामान्य तत्वों को सभी परियोजनाओं में आसानी से लागू किया जा सके।
 
----
-
 ## स्थानीय सामग्री विवरण बनाम CMS सामग्री बाह्यकरण
 
 जब आप एक वेबसाइट बना रहे हैं, तो एक **सामग्री प्रबंधन प्रणाली (CMS) जैसे वर्डप्रेस, विक्स, या ड्रुपल सामान्यतः बेहतर रखरखाव** प्रदान करती है। विशेष रूप से ब्लॉगों या लैंडिंग पृष्ठों के लिए, क्योंकि इनमें एकीकृत i18n सुविधाएँ होती हैं।
@@ -136,8 +132,6 @@ i18n का एक और महत्वपूर्ण लाभ उपयो
 
 आपकी आवश्यकताओं के लिए सही उपकरण का चयन करना महत्वपूर्ण है और आपके अंतर्राष्ट्रीयकरण रणनीति की योजना बनाना आवश्यक है। **Intlayer एक आकर्षक समाधान प्रदान करता है जो स्थानीय सामग्री विवरण को एक हेडलेस CMS के साथ जोड़ता है जो तंग एकीकृत है, दोनों दुनियाओं का सर्वश्रेष्ठ प्रदान करता है।**
 
----
-
 ### प्रौद्योगिकी के अनुसार i18n पुस्तकालयों और उपकरणों की सूची देखें
 
 यदि आप प्रौद्योगिकी के अनुसार i18n पुस्तकालयों और उपकरणों की सूची की तलाश कर रहे हैं, तो निम्नलिखित संसाधनों की जाँच करें:
@@ -155,8 +149,6 @@ i18n का एक और महत्वपूर्ण लाभ उपयो
 - स्वेल्ट: [i18n पुस्तकालयों और उपकरणों की सूची देखें](https://github.com/aymericzip/intlayer/blob/main/docs/blog/hi/list_i18n_technologies/frameworks/svelte.md)
 - रिएक्ट नेटिव: [i18n पुस्तकालयों और उपकरणों की सूची देखें](https://github.com/aymericzip/intlayer/blob/main/docs/blog/hi/list_i18n_technologies/frameworks/react-native.md)
 
----
-
 ## निष्कर्ष
 
 अंतर्राष्ट्रीयकरण (i18n) केवल एक तकनीकी काम नहीं है; यह एक **सामरिक निवेश** है जो आपके सॉफ़्टवेयर को आपके उपयोगकर्ताओं की भाषा में संवाद करने में सक्षम बनाता है, शाब्दिक रूप से। स्थान-विशिष्ट तत्वों को अलग रखते हुए, भाषाई और सांस्कृतिक भिन्नताओं को समायोजित करते हुए, और भविष्य के विस्तार के लिए योजना बनाकर, आप अपने उत्पाद को वैश्विक बाजार में सफल होने के लिए सशक्त बनाते हैं।

package/blog/id/hreflang_guide_multilingual_seo.md

@@ -25,8 +25,6 @@ Anda telah menerjemahkan aplikasi Anda. Anda meluncurkan `/en`, `/fr`, `/es`. Da
 
 Menerjemahkan adalah bagian yang mudah. Bagian yang sulit adalah memberitahu search engine bahwa halaman-halaman ini adalah **halaman yang sama dalam bahasa lain**, bukan tiga dokumen yang bersaing satu sama lain. Itulah yang dilakukan `hreflang`, dan di sanalah sebagian besar situs multibahasa secara diam-diam kehilangan traffic mereka.
 
----
-
 ## Apa sebenarnya hreflang itu
 
 Sebuah anotasi pada halaman yang mengatakan: _URL ini memiliki versi setara di tempat lain, untuk bahasa-bahasa tersebut._
@@ -42,8 +40,6 @@ Ini memberimu dua hal: versi yang tepat ditampilkan kepada pengguna yang tepat,
 
 Perlu jelas tentang apa yang bukan merupakan hal itu. Itu **bukan redirect** — itu adalah hint, dan Google dapat menggantinya. Itu **bukan peningkat ranking** — itu mengubah _versi mana_ yang ranking, bukan _apakah_ kamu ranking. Dan Bing mengabaikannya sepenuhnya, mengandalkan `content-language` dan geo-targeting sebagai gantinya.
 
----
-
 ## Di mana mendeklarasikannya
 
 Tiga penempatan, semuanya valid. Pilih satu dan tetap di sana — cluster yang sama dideklarasikan di dua tempat adalah bagaimana set bergerak terpisah.
@@ -54,8 +50,6 @@ Tiga penempatan, semuanya valid. Pilih satu dan tetap di sana — cluster yang s
 
 **HTTP `Link` header** adalah satu-satunya opsi untuk file non-HTML seperti PDF.
 
----
-
 ## Aturan-aturannya
 
 ### Referensi diri dan resiprositas
@@ -107,8 +101,6 @@ Apa yang sering salah dipahami adalah apa artinya. `x-default` **bukan "versi En
 
 Dua hal yang perlu diperhatikan: `x-default` adalah satu entry tambahan dalam set, bukan pengganti untuk yang self-referencing, dan seperti setiap entry lainnya harus muncul secara identik di setiap halaman dalam cluster.
 
----
-
 ## The canonical trap
 
 Setiap halaman yang dilokalisasi harus menjadi **canonicalnya sendiri**:
@@ -131,8 +123,6 @@ mengatakan halaman Prancis adalah duplikat yang tidak boleh diindeks, sementara
 
 **Canonical bersifat self-referential per locale. `hreflang` mendeskripsikan cluster.**
 
----
-
 ## Memilih struktur URL
 
 `hreflang` memberi anotasi pada URL, jadi struktur datang terlebih dahulu.
@@ -149,14 +139,11 @@ Satu struktur yang harus dihindari: melayani bahasa berbeda di **URL yang sama**
 
 > Intlayer mencakup ketiganya melalui `routing.mode` dan `routing.domains`. Lihat [custom domains](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/custom_domains.md) dan [referensi konfigurasi](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/configuration.md).
 
----
-
 ## Implementation
 
 Menulis tag ini secara manual tidak akan bertahan dengan locale kedua. Turunkan tag-tag ini dari daftar locale Anda.
 
 <Steps>
-
 <Step number={1} title="Emit cluster di setiap halaman">
 
 Set yang sama di mana saja, canonical per locale, URL absolut, `x-default` disertakan.
@@ -245,7 +232,6 @@ export const Route = createFileRoute("/{-$locale}/about")({
 </Tabs>
 
 </Step>
-
 <Step number={2} title="Atau pindahkan semuanya ke sitemap">
 
 Dalam skala besar, jangan sertakan anotasi di halaman Anda sama sekali. `generateSitemap` mengeluarkan alternates `xhtml:link` per entri, membaca locale dan mode routing dari konfigurasi Anda:
@@ -268,7 +254,6 @@ Dua opsi yang perlu diketahui:
 - `entryPerLocale` (default `false`) — secara default satu entri `<url>` membawa semua alternates. Kedua bentuk valid, namun hanya URL yang terdaftar sebagai `<loc>` yang dihitung sebagai _submitted_ di Search Console; locale alternate-only tetap discoverable namun tidak dikaitkan dengan sitemap. Mengaktifkan ini memberikan setiap URL lokal entri tersendiri dengan set alternate lengkap yang diulang. Ini mengalikan entri berdasarkan jumlah locale, jadi perhatikan batas 50 000 URL / 50 MB dan pisahkan ke sitemap index melampaui batas itu.
 
 </Step>
-
 <Step number={3} title="Verifikasi apa yang diterima crawler">
 
 `hreflang` gagal secara senyap, jadi periksa daripada menganggap.
@@ -281,8 +266,6 @@ Untuk crawl khusus multilingual, [Intlayer SEO Scanner](https://intlayer.org/i18
 
 </Steps>
 
----
-
 ## Checklist
 
 - [ ] Setiap locale memiliki URL yang distinct dan crawlable
@@ -296,8 +279,6 @@ Untuk crawl khusus multilingual, [Intlayer SEO Scanner](https://intlayer.org/i18
 - [ ] Dideklarasikan di tepat satu tempat
 - [ ] Tidak ada alternate yang redirect
 
----
-
 ## Penutup
 
 `hreflang` sederhana dan tidak toleran. Satu tag return yang hilang, satu URL relatif, satu canonical lintas-locale, dan cluster akan diabaikan tanpa error di mana pun. Setiap satu dari itu berasal dari menulis tag secara manual.

package/blog/id/i18n_meaning.md

@@ -92,8 +92,6 @@ Sekarang setelah kita menetapkan arti i18n yang sebenarnya, bagaimana cara mener
 - **Abstraksi semua teks yang menghadap pengguna:** Pastikan tidak ada teks yang di-hardcoded dalam komponen UI Anda.
 - **Gunakan sistem manajemen terjemahan yang tangguh:** Alat bantu seperti **Intlayer** menjembatani kesenjangan antara pengembang dan penerjemah. Intlayer bertindak sebagai CMS headless yang terintegrasi erat dengan basis kode Anda, memungkinkan manajer konten untuk memperbarui terjemahan secara visual tanpa memerlukan pengembang untuk melakukan build baru.
 
----
-
 ### Lihat Daftar Library dan Tool i18n per Teknologi
 
 Jika Anda mencari daftar library dan tool i18n per teknologi, lihat sumber daya berikut:
@@ -112,8 +110,6 @@ Jika Anda mencari daftar library dan tool i18n per teknologi, lihat sumber daya
 - Svelte: [Lihat daftar library dan tool i18n](https://github.com/aymericzip/intlayer/blob/main/docs/blog/id/list_i18n_technologies/frameworks/svelte.md)
 - React Native: [Lihat daftar library dan tool i18n](https://github.com/aymericzip/intlayer/blob/main/docs/blog/id/list_i18n_technologies/frameworks/react-native.md)
 
----
-
 ## Kesimpulan
 
 **Arti i18n** adalah konsep dasar bagi bisnis digital modern apa pun yang mengincar dampak global. Jauh dari sekadar singkatan teknologi yang unik untuk "internasionalisasi", i18n merepresentasikan arsitektur teknis yang diperlukan untuk mengadaptasi perangkat lunak Anda secara mulus ke berbagai bahasa, budaya, dan standar regional.

package/blog/id/i18n_using_next-i18next.md

@@ -71,8 +71,6 @@ Sebelum kita masuk ke implementasi, berikut beberapa praktik yang harus Anda iku
 
 > Lihat dokumentasi kami yang mencantumkan semua yang perlu Anda ketahui tentang internasionalisasi dan SEO: [Internasionalisasi (i18n) dengan next-intl](https://github.com/aymericzip/intlayer/blob/main/docs/blog/id/internationalization_and_SEO.md).
 
----
-
 ## Panduan Langkah demi Langkah untuk Mengatur i18next dalam Aplikasi Next.js
 
 <iframe
@@ -119,7 +117,6 @@ Berikut adalah struktur proyek yang akan kita buat:
 ```
 
 <Steps>
-
 <Step number={1} title="Instalasi Dependensi">
 
 Instal paket-paket yang diperlukan menggunakan npm:
@@ -141,7 +138,6 @@ yarn add i18next react-i18next i18next-resources-to-backend
 - **i18next-resources-to-backend**: Plugin yang memungkinkan pemuatan dinamis file terjemahan, sehingga Anda hanya memuat namespace yang Anda butuhkan.
 
 </Step>
-
 <Step number={2} title="Konfigurasikan Proyek Anda">
 
 Buat file konfigurasi untuk mendefinisikan locale yang didukung, locale default, dan fungsi pembantu untuk lokalisasi URL. File ini berfungsi sebagai sumber kebenaran tunggal untuk pengaturan i18n Anda dan memastikan keamanan tipe di seluruh aplikasi Anda.
@@ -196,7 +192,6 @@ export function getCookie(locale: Locale) {
 ```
 
 </Step>
-
 <Step number={3} title="Sentralisasi Namespace Terjemahan">
 
 Buat satu sumber kebenaran untuk setiap namespace yang diekspos oleh aplikasi Anda. Menggunakan kembali daftar ini menjaga sinkronisasi kode server, klien, dan tooling serta membuka tipe kuat untuk helper terjemahan.
@@ -208,7 +203,6 @@ export type Namespace = (typeof namespaces)[number];
 ```
 
 </Step>
-
 <Step number={4} title="Ketik Kuat Kunci Terjemahan dengan TypeScript">
 
 Perluas `i18next` untuk menunjuk ke file bahasa kanonik Anda (biasanya bahasa Inggris). TypeScript kemudian menafsirkan kunci yang valid per namespace, sehingga panggilan ke `t()` diperiksa secara menyeluruh.
@@ -248,7 +242,6 @@ export type AboutTranslator = TFunction<"about">;
 ```
 
 </Step>
-
 <Step number={5} title="Siapkan Inisialisasi i18n di Sisi Server">
 
 Buat fungsi inisialisasi sisi server yang memuat terjemahan untuk komponen server. Fungsi ini membuat instance i18next terpisah untuk rendering sisi server, memastikan bahwa terjemahan dimuat sebelum rendering.
@@ -305,7 +298,6 @@ export async function initI18next(
 ```
 
 </Step>
-
 <Step number={6} title="Buat Provider i18n di Sisi Klien">
 
 Buat provider komponen klien yang membungkus aplikasi Anda dengan konteks i18next. Provider ini menerima terjemahan yang sudah dimuat sebelumnya dari server untuk mencegah flash konten yang belum diterjemahkan (FOUC) dan menghindari pengambilan data ganda.
@@ -390,7 +382,6 @@ export default function I18nProvider({
 ```
 
 </Step>
-
 <Step number={7} title="Definisikan Rute Locale Dinamis">
 
 Atur routing dinamis untuk locale dengan membuat direktori `[locale]` di folder app Anda. Ini memungkinkan Next.js untuk menangani routing berbasis locale di mana setiap locale menjadi segmen URL (misalnya, `/en/about`, `/fr/about`).
@@ -444,7 +435,6 @@ export default function LocaleLayout({
 ```
 
 </Step>
-
 <Step number={8} title="Buat File Terjemahan Anda">
 
 Buat file JSON untuk setiap locale dan namespace. Struktur ini memungkinkan Anda mengatur terjemahan secara logis dan memuat hanya yang Anda butuhkan untuk setiap halaman.
@@ -539,7 +529,6 @@ Mengorganisir terjemahan berdasarkan namespace (misalnya, `common.json`, `about.
 </Tabs>
 
 </Step>
-
 <Step number={9} title="Memanfaatkan Terjemahan di Halaman Anda">
 
 Buat komponen halaman yang menginisialisasi i18next di server dan meneruskan terjemahan ke komponen server dan klien. Ini memastikan bahwa terjemahan dimuat sebelum rendering dan mencegah tampilan konten yang berkedip.
@@ -601,7 +590,6 @@ export default async function AboutPage({
 ```
 
 </Step>
-
 <Step number={10} title="Gunakan Terjemahan di Komponen Klien">
 
 Komponen klien dapat menggunakan hook `useTranslation` untuk mengakses terjemahan. Hook ini memberikan akses ke fungsi terjemahan dan instance i18n, memungkinkan Anda menerjemahkan konten dan mengakses informasi locale.
@@ -654,7 +642,6 @@ export default ClientComponent;
 ```
 
 </Step>
-
 <Step number={11} title="Menggunakan Terjemahan di Komponen Server">
 
 Komponen server tidak dapat menggunakan React hooks, sehingga mereka menerima terjemahan melalui props dari komponen induk mereka. Pendekatan ini menjaga komponen server tetap sinkron dan memungkinkan mereka untuk disisipkan di dalam komponen klien.
@@ -702,7 +689,6 @@ export default ServerComponent;
 ```
 
 </Step>
-
 <Step number={12} title="Ubah bahasa konten Anda" isOptional={true}>
 
 Untuk mengubah bahasa konten Anda di Next.js, cara yang direkomendasikan adalah menggunakan URL dengan prefix locale dan link Next.js. Contoh di bawah ini membaca locale saat ini dari rute, menghapusnya dari pathname, dan menampilkan satu link untuk setiap locale yang tersedia.
@@ -776,7 +762,6 @@ export default function LocaleSwitcher() {
 ```
 
 </Step>
-
 <Step number={13} title="Bangun komponen Link yang dilokalkan" isOptional={true}>
 
 Menggunakan kembali URL yang dilokalkan di seluruh aplikasi Anda menjaga navigasi tetap konsisten dan ramah SEO. Bungkus `next/link` dalam helper kecil yang menambahkan prefix locale aktif pada rute internal sambil membiarkan URL eksternal tidak berubah.
@@ -829,7 +814,6 @@ export default function LocalizedLink({
 > Tip: Karena `LocalizedLink` adalah pengganti langsung, migrasikan secara bertahap dengan menukar impor dan membiarkan komponen menangani URL spesifik locale.
 
 </Step>
-
 <Step number={14} title="Akses locale aktif di dalam Server Actions" isOptional={true}>
 
 Server Actions sering membutuhkan locale saat ini untuk email, pencatatan, atau integrasi pihak ketiga. Gabungkan cookie locale yang diatur oleh proxy Anda dengan header `Accept-Language` sebagai cadangan.
@@ -869,7 +853,6 @@ export async function stuffFromServer(formData: FormData) {
 > Karena helper ini bergantung pada cookies dan headers Next.js, ia bekerja di Route Handlers, Server Actions, dan konteks server-only lainnya.
 
 </Step>
-
 <Step number={15} title="Internasionalisasi Metadata Anda" isOptional={true}>
 
 Menerjemahkan konten itu penting, tetapi tujuan utama internasionalisasi adalah membuat situs web Anda lebih terlihat oleh dunia. I18n adalah tuas luar biasa untuk meningkatkan visibilitas situs web Anda melalui SEO yang tepat.
@@ -938,7 +921,6 @@ export default async function AboutPage() {
 ```
 
 </Step>
-
 <Step number={16} title="Internasionalisasi Sitemap Anda" isOptional={true}>
 
 Buat sitemap yang mencakup semua versi locale dari halaman Anda. Ini membantu mesin pencari menemukan dan mengindeks semua versi bahasa dari konten Anda.
@@ -994,7 +976,6 @@ export default function sitemap(): MetadataRoute.Sitemap {
 ```
 
 </Step>
-
 <Step number={17} title="Internasionalisasi robots.txt Anda" isOptional={true}>
 
 Buat file robots.txt yang menangani semua versi locale dari rute yang dilindungi dengan benar. Ini memastikan bahwa mesin pencari tidak mengindeks halaman admin atau dashboard dalam bahasa apa pun.
@@ -1027,7 +1008,6 @@ export default function robots(): MetadataRoute.Robots {
 ```
 
 </Step>
-
 <Step number={18} title="Siapkan Middleware untuk Routing Locale" isOptional={true}>
 
 Buat proxy untuk secara otomatis mendeteksi locale yang dipilih pengguna dan mengarahkan mereka ke URL dengan prefix locale yang sesuai. Ini meningkatkan pengalaman pengguna dengan menampilkan konten dalam bahasa pilihan mereka.
@@ -1118,7 +1098,6 @@ export const config = {
 ```
 
 </Step>
-
 <Step number={19} title="Otomatiskan Terjemahan Anda Menggunakan Intlayer" isOptional={true}>
 
 Intlayer adalah perpustakaan **gratis** dan **open-source** yang dirancang untuk membantu proses lokalisasi dalam aplikasi Anda. Sementara i18next menangani pemuatan dan pengelolaan terjemahan, Intlayer membantu mengotomatisasi alur kerja terjemahan.

package/blog/id/i18n_using_next-intl.md

@@ -62,8 +62,6 @@ Sebelum kita masuk ke implementasi, berikut beberapa praktik yang harus Anda iku
 
 > Lihat dokumentasi kami yang mencantumkan semua yang perlu Anda ketahui tentang internasionalisasi dan SEO: [Internasionalisasi (i18n) dengan next-intl](https://github.com/aymericzip/intlayer/blob/main/docs/blog/id/internationalization_and_SEO.md).
 
----
-
 ## Panduan Langkah demi Langkah untuk Mengatur next-intl di Aplikasi Next.js
 
 <iframe
@@ -109,7 +107,6 @@ Berikut adalah struktur proyek yang akan kita buat:
 ```
 
 <Steps>
-
 <Step number={1} title="Pasang Dependensi">
 
 Pasang paket yang diperlukan menggunakan npm:
@@ -129,7 +126,6 @@ yarn add next-intl
 - **next-intl**: Perpustakaan internasionalisasi inti untuk Next.js App Router yang menyediakan hooks, fungsi server, dan penyedia klien untuk mengelola terjemahan.
 
 </Step>
-
 <Step number={2} title="Konfigurasikan Proyek Anda">
 
 Buat file konfigurasi yang mendefinisikan locale yang didukung dan mengatur konfigurasi request next-intl. File ini berfungsi sebagai sumber kebenaran tunggal untuk pengaturan i18n Anda dan memastikan keamanan tipe di seluruh aplikasi Anda.
@@ -215,7 +211,6 @@ export const proxy = createMiddleware(routingOptions);
 ```
 
 </Step>
-
 <Step number={3} title="Definisikan Rute Dinamis Locale">
 
 Atur routing dinamis untuk locale dengan membuat direktori `[locale]` di folder aplikasi Anda. Ini memungkinkan Next.js untuk menangani routing berbasis locale di mana setiap locale menjadi segmen URL (misalnya, `/en/about`, `/fr/about`).
@@ -305,7 +300,6 @@ export default async function AboutPage({
 ```
 
 </Step>
-
 <Step number={4} title="Buat File Terjemahan Anda">
 
 Buat file JSON untuk setiap locale dan namespace. Struktur ini memungkinkan Anda mengatur terjemahan secara logis dan memuat hanya yang Anda butuhkan untuk setiap halaman.
@@ -367,7 +361,6 @@ Mengorganisir terjemahan berdasarkan namespace (misalnya, `common.json`, `about.
 </Tabs>
 
 </Step>
-
 <Step number={5} title="Gunakan Terjemahan di Halaman Anda">
 
 Buat komponen halaman yang memuat terjemahan di server dan meneruskannya ke komponen server dan klien. Ini memastikan terjemahan dimuat sebelum rendering dan mencegah konten berkedip.
@@ -420,7 +413,6 @@ export default async function AboutPage({
 ```
 
 </Step>
-
 <Step number={6} title="Gunakan Terjemahan di Komponen Klien">
 
 Komponen klien dapat menggunakan hook `useTranslations` dan `useFormatter` untuk mengakses terjemahan dan fungsi pemformatan. Hook ini membaca dari konteks `NextIntlClientProvider`.
@@ -458,7 +450,6 @@ const ClientComponent = () => {
 ```
 
 </Step>
-
 <Step number={7} title="Menggunakan Terjemahan di Komponen Server">
 
 Komponen server tidak dapat menggunakan React hooks, sehingga mereka menerima terjemahan dan formatter melalui props dari komponen induknya. Pendekatan ini menjaga komponen server tetap sinkron dan memungkinkan mereka untuk disisipkan di dalam komponen klien.
@@ -492,7 +483,6 @@ const ServerComponent = ({
 > Di halaman/layout Anda, gunakan `getTranslations` dan `getFormatter` dari `next-intl/server` untuk menghitung terjemahan dan format terlebih dahulu, lalu teruskan sebagai props ke komponen server.
 
 </Step>
-
 <Step number={8} title="Ubah bahasa konten Anda" isOptional={true}>
 
 Untuk mengubah bahasa konten Anda dengan next-intl, render tautan yang mengenali locale yang mengarah ke pathname yang sama sambil mengganti locale. Provider akan menulis ulang URL secara otomatis, jadi Anda hanya perlu menargetkan rute saat ini.
@@ -566,7 +556,6 @@ export default function LocaleSwitcher() {
 ```
 
 </Step>
-
 <Step number={9} title="Gunakan komponen Link yang sudah dilokalisasi" isOptional={true}>
 
 `next-intl` menyediakan subpaket `next-intl/navigation` yang berisi komponen link yang sudah dilokalisasi dan secara otomatis menerapkan locale aktif. Kami sudah mengekstraknya untuk Anda di file `@/i18n`, jadi Anda bisa menggunakannya seperti ini:
@@ -578,7 +567,6 @@ return <Link href="/about">t("about.title")</Link>;
 ```
 
 </Step>
-
 <Step number={10} title="Akses locale aktif di dalam Server Actions" isOptional={true}>
 
 Server Actions dapat membaca locale saat ini menggunakan `next-intl/server`. Ini berguna untuk mengirim email yang sudah dilokalisasi atau menyimpan preferensi bahasa bersamaan dengan data yang dikirimkan.
@@ -603,7 +591,6 @@ export async function handleContactForm(formData: FormData) {
 > `getLocale` membaca locale yang diatur oleh proxy `next-intl`, sehingga berfungsi di mana saja di server: Route Handlers, Server Actions, dan edge functions.
 
 </Step>
-
 <Step number={11} title="Internasionalisasi Metadata Anda" isOptional={true}>
 
 Menerjemahkan konten itu penting, tetapi tujuan utama internasionalisasi adalah membuat situs web Anda lebih terlihat oleh dunia. I18n adalah tuas luar biasa untuk meningkatkan visibilitas situs web Anda melalui SEO yang tepat.
@@ -644,7 +631,6 @@ export async function generateMetadata({
 ```
 
 </Step>
-
 <Step number={12} title="Internasionalisasi Sitemap Anda" isOptional={true}>
 
 Buat sitemap yang mencakup semua versi lokal dari halaman Anda. Ini membantu mesin pencari menemukan dan mengindeks semua versi bahasa dari konten Anda.
@@ -700,7 +686,6 @@ export default function sitemap(): MetadataRoute.Sitemap {
 ```
 
 </Step>
-
 <Step number={13} title="Internasionalisasi robots.txt Anda" isOptional={true}>
 
 Buat file robots.txt yang menangani dengan benar semua versi locale dari rute yang dilindungi. Ini memastikan mesin pencari tidak mengindeks halaman admin atau dashboard dalam bahasa apa pun.
@@ -735,7 +720,6 @@ export default function robots(): MetadataRoute.Robots {
 ```
 
 </Step>
-
 <Step number={14} title="Mengatur Proxy untuk Routing Locale" isOptional={true}>
 
 Buat proxy untuk secara otomatis mendeteksi locale yang dipilih pengguna dan mengarahkan mereka ke URL dengan prefix locale yang sesuai. next-intl menyediakan fungsi proxy yang nyaman yang menangani ini secara otomatis.
@@ -757,7 +741,6 @@ export const config = {
 ```
 
 </Step>
-
 <Step number={15} title="Atur Tipe TypeScript untuk Locale" isOptional={true}>
 
 Mengatur TypeScript akan membantu Anda mendapatkan autocompletion dan keamanan tipe untuk kunci Anda.
@@ -785,7 +768,6 @@ declare module "next-intl" {
 Kode ini akan menggunakan Module Augmentation untuk menambahkan locales dan messages ke tipe AppConfig dari next-intl.
 
 </Step>
-
 <Step number={16} title="Otomatiskan Terjemahan Anda Menggunakan Intlayer" isOptional={true}>
 
 Intlayer adalah perpustakaan **gratis** dan **open-source** yang dirancang untuk membantu proses lokalisasi dalam aplikasi Anda. Sementara next-intl menangani pemuatan dan pengelolaan terjemahan, Intlayer membantu mengotomatisasi alur kerja terjemahan.

package/blog/id/index.md

@@ -20,8 +20,6 @@ author: aymericzip
 
 Selamat datang di blog kami yang didedikasikan untuk segala hal tentang **internasionalisasi** untuk aplikasi JavaScript! Di sini, kami mengeksplorasi praktik terbaik, strategi, dan alat untuk membantu pengembang memperluas produk digital mereka ke seluruh dunia.
 
----
-
 ## Mengapa Internasionalisasi (i18n) Penting
 
 Di dunia yang saling terhubung saat ini, pengguna mengharapkan pengalaman yang mulus dan terlokalisasi. Internasionalisasi (i18n) memastikan bahwa aplikasi web Anda dapat menyesuaikan dengan berbagai bahasa dan nuansa budaya. Dengan mengintegrasikan praktik i18n sejak awal, Anda membuka banyak manfaat, seperti:
@@ -31,8 +29,6 @@ Di dunia yang saling terhubung saat ini, pengguna mengharapkan pengalaman yang m
 3. **Aksesibilitas yang Lebih Baik:** i18n yang terstruktur dengan baik sering kali selaras dengan standar aksesibilitas, membuat aplikasi Anda lebih inklusif.
 4. **Performa SEO yang Lebih Baik:** Konten yang terlokalisasi dapat meningkatkan visibilitas Anda dalam hasil pencarian spesifik wilayah.
 
----
-
 ## Solusi Internasionalisasi Open-Source
 
 Membangun aplikasi yang terinternasionalisasi tidak harus rumit. Komunitas open-source menyediakan banyak alat dan pustaka yang kuat serta didukung dengan baik yang membuat lokalisasi menjadi lebih mudah. Solusi populer seperti **react-intl**, **i18next**, dan **FormatJS** menyediakan API yang fleksibel dan integrasi yang mudah dengan framework JavaScript modern seperti React, Vue, dan Angular.
@@ -43,8 +39,6 @@ Membangun aplikasi yang terinternasionalisasi tidak harus rumit. Komunitas open-
 - **Penghematan Biaya:** Tanpa biaya lisensi, membuatnya lebih mudah untuk menguji atau mengembangkan aplikasi Anda.
 - **Dukungan Komunitas:** Komunitas besar sering berarti lebih banyak tutorial, dokumentasi, dan plugin siap pakai.
 
----
-
 ## Pengumuman dan Apa Selanjutnya
 
 Kami sangat antusias untuk mengumumkan tutorial mendatang, praktik terbaik, dan **studi kasus** tentang cara mengoptimalkan aplikasi JavaScript Anda untuk audiens global. Berikut adalah bocoran:
@@ -55,8 +49,6 @@ Kami sangat antusias untuk mengumumkan tutorial mendatang, praktik terbaik, dan
 
 Tetap nantikan pembaruan ini dan lainnya!
 
----
-
 ## Kontribusi ke Blog Kami!
 
 Kami percaya pada berbagi pengetahuan yang didorong oleh komunitas. Jika Anda memiliki ide bagus untuk posting blog yang terkait dengan internasionalisasi, **SEO**, atau topik relevan lainnya, kami sangat ingin mendengar dari Anda. Anda dapat mengirimkan Pull Request dengan menambahkan posting blog yang Anda usulkan ke repositori GitHub kami:
@@ -65,6 +57,4 @@ Kami percaya pada berbagi pengetahuan yang didorong oleh komunitas. Jika Anda me
 
 Kontribusi Anda membantu kami memperkaya platform ini dan memberdayakan pengembang di seluruh dunia.
 
----
-
 **Terima kasih telah membaca, dan selamat datang di komunitas i18n kami!** Nantikan lebih banyak wawasan, tips, dan praktik terbaik tentang cara membawa aplikasi JavaScript Anda menuju kesuksesan internasional.