@intlayer/docs 9.4.3 → 9.5.0

package/blog/id/internationalization_and_SEO.md

@@ -21,16 +21,12 @@ author: aymericzip
 
 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:
@@ -52,8 +48,6 @@ Jika Anda memutuskan untuk memiliki beberapa versi bahasa, Anda memerlukan cara
 
 > **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?
@@ -84,8 +78,6 @@ Dalam HTML Anda, tambahkan sesuatu seperti:
 
 > **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)
 
 ### 3.1. Apa Itu Hreflang?
@@ -96,8 +88,6 @@ Ketika Anda memiliki konten yang identik atau sangat mirip dalam beberapa bahasa
 
 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.
 
----
-
 ## 5. Keperluan Teknis SEO
 
 ### 5.1. Deklarasi Bahasa (`lang` dan `dir`)
@@ -127,8 +117,6 @@ Tag kanonik memberi tahu mesin pencari halaman mana yang merupakan versi “asli
 <link rel="canonical" href="https://example.com/fr/produits" />
 ```
 
----
-
 ## 6. SEO On-Page dalam Beberapa Bahasa
 
 ### 6.1. Judul & Deskripsi Meta
@@ -145,8 +133,6 @@ Judul Anda harus mencerminkan **frasa lokal** atau **kata kunci** dari setiap wi
 - Lokalisasi teks alt, keterangan, dan nama file jika diperlukan.
 - Gunakan visual yang sesuai dengan budaya target.
 
----
-
 ## 7. Pergantian Bahasa & Pengalaman Pengguna
 
 ### 7.1. Auto-Redirect atau Pemilih Bahasa?
@@ -224,8 +210,6 @@ const LocaleSwitcher: FC = () => {
 - Simpan pilihan bahasa pengguna Anda dalam **cookie** atau **session**.
 - Saat mereka mengunjungi situs Anda berikutnya, Anda dapat secara otomatis memuat bahasa yang mereka pilih.
 
----
-
 ## 8. Membangun Backlink Lokal
 
 **Backlinks** (tautan dari situs eksternal ke situs Anda) tetap menjadi faktor SEO yang penting. Saat Anda menjalankan situs multibahasa, pertimbangkan:
@@ -233,8 +217,6 @@ const LocaleSwitcher: FC = () => {
 - Menghubungi situs berita lokal, blog, atau forum. Misalnya, domain `.fr` yang mengarah ke subdirektori bahasa Prancis Anda dapat meningkatkan SEO lokal Prancis Anda.
 - Memantau backlinks per bahasa untuk melihat wilayah mana yang membutuhkan lebih banyak upaya PR/pemasaran.
 
----
-
 ## 9. Memantau & Memelihara Situs Multibahasa Anda
 
 ### 9.1. Google Analytics & Search Console
@@ -247,8 +229,6 @@ const LocaleSwitcher: FC = () => {
 - Jaga agar terjemahan tetap segar. Jika Anda mengubah deskripsi produk dalam bahasa Inggris, perbarui juga dalam bahasa Prancis, Spanyol, dll.
 - Terjemahan yang sudah usang dapat membingungkan pelanggan dan merusak kepercayaan pengguna.
 
----
-
 ## 10. Kesalahan Umum yang Harus Dihindari
 
 1. **Konten yang Diterjemahkan oleh Mesin**
@@ -263,14 +243,10 @@ const LocaleSwitcher: FC = () => {
 4. **Mengabaikan Nuansa Budaya**
    Sebuah lelucon atau frasa yang berhasil di satu negara mungkin menyinggung atau tidak berarti di negara lain.
 
----
-
 ## Audit situs web Anda dengan Intlayer SEO Scanner
 
 Untuk memastikan aplikasi multibahasa Anda dioptimalkan dengan sempurna, kami sarankan untuk menggunakan [Intlayer SEO Scanner](https://intlayer.org/i18n-seo-scanner). Ini adalah alat khusus untuk pengecekan situs web multibahasa, membantu Anda mengidentifikasi tag hreflang yang hilang, tautan rusak, dan masalah SEO lainnya di semua halaman lokal Anda.
 
----
-
 ## Penutup
 
 Membuat situs web Anda menjadi multibahasa melibatkan lebih dari sekadar menerjemahkan teks. Ini tentang menyusun URL secara efektif, menggunakan tag `hreflang` untuk membantu mesin pencari menyajikan versi yang tepat, dan memberikan pengalaman pengguna yang luar biasa lengkap dengan visual yang dilokalkan, pemilih bahasa, dan navigasi yang konsisten. Mengikuti praktik terbaik ini akan mempersiapkan Anda untuk sukses di pasar global, meningkatkan kepuasan pengguna, dan pada akhirnya, memberikan hasil SEO yang lebih baik di berbagai wilayah.

package/blog/id/intlayer_with_i18next.md

@@ -64,7 +64,6 @@ Panduan ini menunjukkan cara memanfaatkan sistem deklarasi konten Intlayer yang
 ## Panduan Langkah demi Langkah untuk Mengatur Intlayer dengan i18next
 
 <Steps>
-
 <Step number={1} title="Instalasi Dependensi">
 
 Instal paket-paket yang diperlukan:
@@ -111,7 +110,6 @@ bun add intlayer @intlayer/sync-json-plugin --dev
 - **@intlayer/sync-json-plugin**: Plugin untuk mengekspor deklarasi konten Intlayer ke format JSON yang kompatibel dengan i18next
 
 </Step>
-
 <Step number={2} title="Terapkan plugin Intlayer untuk membungkus JSON">
 
 Buat file konfigurasi Intlayer untuk mendefinisikan locale yang didukung:
@@ -149,7 +147,6 @@ 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).
 
 </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 suka, menggunakan plugin Intlayer, Anda juga dapat mengimplementasikan pengelolaan JSON terlokalisasi per-komponen di mana saja dalam basis kode Anda.

package/blog/id/intlayer_with_next-i18next.md

@@ -52,12 +52,9 @@ Sementara Intlayer menyediakan solusi i18n mandiri yang sangat baik (lihat [pand
 
 Panduan ini menunjukkan cara memanfaatkan sistem deklarasi konten unggulan Intlayer sambil mempertahankan kompatibilitas dengan next-i18next.
 
----
-
 ## Panduan Langkah demi Langkah untuk Mengatur Intlayer dengan next-i18next
 
 <Steps>
-
 <Step number={1} title="Instalasi Dependensi">
 
 Instal paket yang diperlukan menggunakan manajer paket pilihan Anda:
@@ -104,7 +101,6 @@ bun add intlayer @intlayer/sync-json-plugin --dev
 - **@intlayer/sync-json-plugin**: Plugin untuk menyinkronkan deklarasi konten Intlayer ke format JSON i18next
 
 </Step>
-
 <Step number={2} title="Implementasikan plugin Intlayer untuk membungkus JSON">
 
 Buat file konfigurasi Intlayer untuk mendefinisikan locale yang didukung:
@@ -142,7 +138,6 @@ 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).
 
 </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 lebih detail. 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.

package/blog/id/intlayer_with_next-intl.md

@@ -59,7 +59,6 @@ Panduan ini menunjukkan cara memanfaatkan sistem deklarasi konten unggulan Intla
 ## Panduan Langkah demi Langkah untuk Mengatur Intlayer dengan next-intl
 
 <Steps>
-
 <Step number={1} title="Instalasi Dependensi">
 
 Instal paket yang diperlukan:
@@ -106,7 +105,6 @@ bun add intlayer @intlayer/sync-json-plugin --dev
 - **@intlayer/sync-json-plugin**: Plugin untuk mengekspor deklarasi konten Intlayer ke format JSON yang kompatibel dengan next-intl
 
 </Step>
-
 <Step number={2} title="Implementasikan plugin Intlayer untuk membungkus JSON">
 
 Buat file konfigurasi Intlayer untuk mendefinisikan locale yang didukung:
@@ -145,7 +143,6 @@ 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).
 
 </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.

package/blog/id/intlayer_with_react-i18next.md

@@ -58,7 +58,6 @@ Panduan ini menunjukkan cara memanfaatkan sistem deklarasi konten unggulan Intla
 ## Panduan Langkah demi Langkah untuk Mengatur Intlayer dengan react-i18next
 
 <Steps>
-
 <Step number={1} title="Instalasi Dependensi">
 
 Instal paket-paket yang diperlukan:
@@ -105,7 +104,6 @@ bun add intlayer @intlayer/sync-json-plugin --dev
 - **@intlayer/sync-json-plugin**: Plugin untuk mengekspor deklarasi konten Intlayer ke format JSON yang kompatibel dengan react-i18next
 
 </Step>
-
 <Step number={2} title="Implementasikan plugin Intlayer untuk membungkus JSON">
 
 Buat file konfigurasi Intlayer untuk mendefinisikan locale yang didukung:
@@ -143,7 +141,6 @@ 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).
 
 </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.

package/blog/id/intlayer_with_react-intl.md

@@ -56,7 +56,6 @@ Panduan ini menunjukkan cara memanfaatkan sistem deklarasi konten unggulan Intla
 ## Panduan Langkah demi Langkah untuk Mengatur Intlayer dengan react-intl
 
 <Steps>
-
 <Step number={1} title="Instalasi Dependensi">
 
 Instal paket yang diperlukan:
@@ -103,7 +102,6 @@ bun add intlayer @intlayer/sync-json-plugin --dev
 - **@intlayer/sync-json-plugin**: Plugin untuk mengekspor deklarasi konten Intlayer ke format JSON yang kompatibel dengan react-intl
 
 </Step>
-
 <Step number={2} title="Terapkan plugin Intlayer untuk membungkus JSON">
 
 Buat file konfigurasi Intlayer untuk mendefinisikan locale yang didukung:
@@ -142,7 +140,6 @@ 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).
 
 </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.

package/blog/id/intlayer_with_vue-i18n.md

@@ -53,12 +53,9 @@ Meskipun Intlayer menyediakan solusi i18n mandiri yang sangat baik (lihat [pandu
 
 Panduan ini menunjukkan cara memanfaatkan sistem deklarasi konten unggulan Intlayer sambil mempertahankan kompatibilitas dengan vue-i18n.
 
----
-
 ## Panduan Langkah demi Langkah untuk Mengatur Intlayer dengan vue-i18n
 
 <Steps>
-
 <Step number={1} title="Instalasi Dependensi">
 
 Instal paket yang diperlukan menggunakan manajer paket pilihan Anda:
@@ -105,7 +102,6 @@ bun add intlayer @intlayer/sync-json-plugin --dev
 - **@intlayer/sync-json-plugin**: Plugin untuk menyinkronkan deklarasi konten Intlayer ke format JSON vue-i18n
 
 </Step>
-
 <Step number={2} title="Terapkan plugin Intlayer untuk membungkus JSON">
 
 Buat file konfigurasi Intlayer untuk mendefinisikan locale yang didukung:
@@ -144,7 +140,6 @@ 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).
 
 </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.

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

@@ -23,16 +23,12 @@ author: aymericzip
 
 Di dunia yang saling terhubung saat ini, menawarkan situs web Anda dalam berbagai bahasa dapat secara signifikan memperluas jangkauan dan meningkatkan pengalaman pengguna. Bagi pengembang yang bekerja dengan Angular, menerapkan internasionalisasi (i18n) sangat penting untuk mengelola terjemahan secara efisien sambil mempertahankan struktur aplikasi, SEO, dan kinerja. Dalam artikel ini, kami akan mengeksplorasi berbagai pendekatan i18n mulai dari solusi bawaan Angular hingga pustaka pihak ketiga yang populer untuk membantu Anda menentukan yang paling cocok untuk proyek Anda.
 
----
-
 ## Apa itu Internasionalisasi (i18n)?
 
 Internasionalisasi, yang sering disebut sebagai i18n, adalah proses merancang dan mempersiapkan aplikasi Anda untuk mendukung berbagai bahasa dan konteks budaya. Dalam Angular, ini melibatkan konfigurasi aplikasi Anda sehingga teks, tanggal, angka, dan bahkan tata letak UI dapat beradaptasi dengan mulus ke berbagai lokal. Menyiapkan dasar ini dengan benar memastikan bahwa integrasi terjemahan di masa depan tetap terorganisir dan efisien.
 
 Pelajari lebih lanjut tentang dasar-dasar i18n dengan membaca artikel kami: [Apa itu Internasionalisasi (i18n)? Definisi dan Tantangan](https://github.com/aymericzip/intlayer/blob/main/docs/blog/id/what_is_internationalization.md).
 
----
-
 ## Tantangan Terjemahan untuk Aplikasi Angular
 
 Menerjemahkan aplikasi Angular menghadirkan beberapa tantangan:
@@ -43,8 +39,6 @@ Menerjemahkan aplikasi Angular menghadirkan beberapa tantangan:
 - **Routing dan Status**: Memastikan bahasa yang benar dipertahankan saat menavigasi antar rute melibatkan manajemen status dan mungkin penjaga rute khusus atau interceptor.
 - **Skalabilitas & Pemeliharaan**: File terjemahan dapat berkembang dengan cepat, dan menjaga agar tetap terorganisir, memiliki versi, dan sinkron dengan evolusi aplikasi Anda bisa menjadi tugas yang berkelanjutan.
 
----
-
 ## Solusi i18n Terdepan untuk Angular
 
 Angular menawarkan kerangka kerja i18n bawaan, dan ada beberapa pustaka pihak ketiga yang dirancang untuk menyederhanakan pengaturan multibahasa Anda. Berikut adalah beberapa solusi yang paling populer.
@@ -69,8 +63,6 @@ Angular menawarkan kerangka kerja i18n bawaan, dan ada beberapa pustaka pihak ke
 
 - **Komunitas & Ekosistem**: Meskipun terus berkembang, ekosistemnya masih baru, sehingga plugin dan alat yang didorong oleh komunitas mungkin lebih terbatas dibandingkan dengan solusi yang lebih mapan.
 
----
-
 ### 2. i18n Bawaan Angular
 
 **Ikhtisar**  
@@ -89,8 +81,6 @@ Angular dilengkapi dengan sistem **i18n bawaan** yang mencakup alat untuk mengek
 - **Konten Dinamis**: Menangani konten waktu nyata atau yang digerakkan oleh pengguna mungkin memerlukan logika khusus karena solusi bawaan Angular sangat fokus pada terjemahan waktu kompilasi.
 - **Fleksibilitas Runtime Terbatas**: Mengganti bahasa secara langsung (tanpa memuat ulang aplikasi) bisa menjadi tantangan karena terjemahan sudah dimasukkan saat build.
 
----
-
 ### 3. ngx-translate
 
 Situs Web: [https://github.com/ngx-translate/core](https://github.com/ngx-translate/core)
@@ -111,8 +101,6 @@ Situs Web: [https://github.com/ngx-translate/core](https://github.com/ngx-transl
 - **SEO & SSR**: Jika Anda membutuhkan server-side rendering dengan Angular Universal, ngx-translate memerlukan pengaturan tambahan untuk memastikan terjemahan yang benar disajikan kepada crawler dan browser pada pemuatan pertama.
 - **Performa**: Meskipun fleksibel saat runtime, menangani banyak terjemahan pada halaman besar dapat berdampak pada performa, sehingga strategi caching sangat disarankan.
 
----
-
 ### 4. Transloco
 
 Website: [https://ngneat.github.io/transloco/](https://ngneat.github.io/transloco/)

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

@@ -23,8 +23,6 @@ author: aymericzip
 
 Dalam pasar yang semakin global, menghadirkan aplikasi React Native Anda dalam berbagai bahasa dapat secara signifikan meningkatkan aksesibilitas dan kepuasan pengguna. Internasionalisasi (i18n) adalah kunci untuk mengelola terjemahan secara efektif yang memungkinkan Anda menampilkan teks spesifik bahasa, format tanggal dan waktu, mata uang, dan lainnya tanpa mempersulit basis kode Anda. Dalam artikel ini, kami akan membahas berbagai pendekatan i18n mulai dari pustaka khusus hingga solusi yang lebih umum dan membantu Anda menemukan yang paling sesuai untuk proyek React Native Anda.
 
----
-
 ## Apa itu Internasionalisasi (i18n)?
 
 Internasionalisasi, atau i18n, melibatkan penyusunan aplikasi agar dapat dengan mudah beradaptasi dengan berbagai bahasa, format regional, dan norma budaya. Dalam React Native, i18n mencakup penanganan string untuk tombol dan label, serta pemformatan tanggal, waktu, mata uang, dan lainnya sesuai dengan lokal pengguna. Aplikasi React Native yang disiapkan dengan baik memungkinkan Anda mengintegrasikan bahasa tambahan dan perilaku spesifik lokal secara mulus di kemudian hari tanpa perlu refaktor besar-besaran.
@@ -32,8 +30,6 @@ Internasionalisasi, atau i18n, melibatkan penyusunan aplikasi agar dapat dengan
 Untuk pemahaman lebih mendalam tentang konsep internasionalisasi, lihat artikel kami:  
 [Apa itu Internasionalisasi (i18n)? Definisi dan Tantangan](https://github.com/aymericzip/intlayer/blob/main/docs/blog/id/what_is_internationalization.md).
 
----
-
 ## Tantangan Terjemahan untuk Aplikasi React Native
 
 Bekerja dengan terjemahan di React Native memperkenalkan pertimbangan unik tersendiri:
@@ -53,8 +49,6 @@ Bekerja dengan terjemahan di React Native memperkenalkan pertimbangan unik terse
 - **Pembaruan Aplikasi & Over-the-Air (OTA)**  
   Jika Anda menggunakan CodePush atau mekanisme pembaruan OTA lainnya, Anda perlu merencanakan bagaimana pembaruan terjemahan atau bahasa baru akan dikirimkan tanpa memerlukan rilis penuh di app store.
 
----
-
 ## Solusi i18n Terdepan untuk React Native
 
 Berikut adalah beberapa pendekatan populer untuk mengelola konten multibahasa di React Native. Masing-masing bertujuan untuk menyederhanakan alur kerja terjemahan Anda dengan cara yang berbeda.
@@ -88,8 +82,6 @@ Berikut adalah beberapa pendekatan populer untuk mengelola konten multibahasa di
 - **Komunitas & Ekosistem**  
   Masih merupakan solusi yang relatif baru, jadi Anda mungkin menemukan lebih sedikit contoh yang digerakkan oleh komunitas atau plugin siap pakai dibandingkan dengan perpustakaan yang sudah lama ada.
 
----
-
 ### 2. React-i18next
 
 > Situs web: [https://react.i18next.com/](https://react.i18next.com/)
@@ -122,8 +114,6 @@ Berikut adalah beberapa pendekatan populer untuk mengelola konten multibahasa di
 - **Performa**  
   Meskipun React-i18next umumnya memiliki performa yang baik, Anda perlu memperhatikan bagaimana Anda mengatur dan memuat sumber daya terjemahan untuk menghindari beban berlebih pada perangkat mobile.
 
----
-
 ### 3. React Intl (dari FormatJS)
 
 > Website: [https://formatjs.io/docs/react-intl/](https://formatjs.io/docs/react-intl/)
@@ -156,8 +146,6 @@ Berikut adalah beberapa pendekatan populer untuk mengelola konten multibahasa di
 - **Contoh dari Komunitas**  
   Meskipun banyak digunakan, contoh penggunaan khusus React Native mungkin lebih sedikit dibandingkan dengan React web. Anda kemungkinan akan menyesuaikan dokumentasi dan pola yang ada ke lingkungan native.
 
----
-
 ### 4. LinguiJS
 
 > Website: [https://lingui.js.org/](https://lingui.js.org/)
@@ -190,8 +178,6 @@ Berikut adalah beberapa pendekatan populer untuk mengelola konten multibahasa di
 - **Organisasi Kode**  
   Memutuskan bagaimana membagi katalog pesan Anda (berdasarkan layar, fitur, atau bahasa) sangat penting untuk menjaga kejelasan dalam aplikasi yang lebih besar.
 
----
-
 ## Pemikiran Akhir
 
 Saat memilih solusi i18n untuk aplikasi React Native Anda:

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

@@ -23,16 +23,12 @@ author: aymericzip
 
 Di lanskap digital saat ini, memperluas jangkauan situs web Anda untuk melayani audiens global adalah hal yang penting. Bagi pengembang yang membangun dengan React, menerapkan internasionalisasi (i18n) adalah kunci untuk mengelola terjemahan secara efisien sambil mempertahankan struktur aplikasi, nilai SEO, dan pengalaman pengguna. Dalam artikel ini, kami mengeksplorasi berbagai pendekatan i18n mulai dari pustaka khusus hingga solusi yang dikodekan secara kustom yang membantu Anda memutuskan mana yang paling sesuai dengan kebutuhan proyek Anda.
 
----
-
 ## Apa itu Internasionalisasi (i18n)?
 
 Internasionalisasi, disingkat i18n, adalah proses merancang dan mempersiapkan situs web Anda untuk mendukung berbagai bahasa dan konteks budaya. Dalam React, ini berarti mengatur aplikasi Anda sehingga string, format tanggal, format angka, dan bahkan tata letak dapat dengan mudah disesuaikan untuk pengguna dari berbagai wilayah. Mempersiapkan aplikasi React Anda untuk i18n meletakkan dasar untuk mengintegrasikan terjemahan dan fitur lokalisasi lainnya dengan rapi.
 
 Pelajari lebih lanjut tentang i18n dengan membaca artikel kami: [Apa itu Internasionalisasi (i18n)? Definisi dan Tantangan](https://github.com/aymericzip/intlayer/blob/main/docs/blog/id/what_is_internationalization.md).
 
----
-
 ## Tantangan Terjemahan untuk Aplikasi React
 
 Menerjemahkan situs web React menghadirkan beberapa tantangan:
@@ -43,8 +39,6 @@ Menerjemahkan situs web React menghadirkan beberapa tantangan:
 - **Manajemen State dan Konteks:** Memastikan bahwa bahasa yang benar dipertahankan di seluruh rute dan komponen memerlukan manajemen state yang matang.
 - **Beban Pengembangan:** Memelihara file terjemahan, memastikan akurasi konteks, dan menjaga agar aplikasi Anda tetap skalabel adalah pertimbangan yang berkelanjutan.
 
----
-
 ## Solusi i18n Terdepan untuk React
 
 Berikut adalah beberapa pendekatan populer untuk mengelola konten multibahasa dalam aplikasi React, masing-masing dirancang untuk mempermudah proses terjemahan dengan cara yang berbeda.
@@ -69,8 +63,6 @@ Berikut adalah beberapa pendekatan populer untuk mengelola konten multibahasa da
 
 - **Komunitas & Ekosistem**: Meskipun berkembang, ekosistem ini masih baru, sehingga plugin dan alat yang didorong oleh komunitas mungkin lebih terbatas dibandingkan solusi yang sudah lebih mapan.
 
----
-
 ### 2. React-i18next
 
 Situs web: [https://react.i18next.com/](https://react.i18next.com/)
@@ -93,8 +85,6 @@ Situs web: [https://react.i18next.com/](https://react.i18next.com/)
 - **Ekosistem Plugin**: Tersedia ekosistem luas plugin dan middleware, yang juga berarti Anda perlu menyaring berbagai paket untuk menemukan alat yang tepat.
 - **Server Components**: Membutuhkan pengaturan tambahan untuk memastikan server components mengambil locale yang benar, terutama jika menggunakan framework selain Next.js.
 
----
-
 ### 3. React Intl (dari FormatJS)
 
 Website: [https://formatjs.io/docs/react-intl/](https://formatjs.io/docs/react-intl/)
@@ -139,8 +129,6 @@ Website: [https://lingui.js.org/](https://lingui.js.org/)
 - **Komunitas & Plugin**: Ekosistemnya berkembang tetapi masih lebih kecil dibandingkan dengan i18next atau FormatJS.
 - **Komponen Server**: Mungkin memerlukan konfigurasi yang lebih eksplisit untuk memastikan komponen server menerima data lokal yang benar.
 
----
-
 ### Pemikiran Akhir
 
 Saat memilih perpustakaan i18n untuk React:

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

@@ -23,16 +23,12 @@ author: aymericzip
 
 Seiring web terus menghubungkan orang-orang di seluruh dunia, menyediakan konten dalam berbagai bahasa menjadi semakin penting. Bagi pengembang yang bekerja dengan **Svelte**, menerapkan i18n sangat penting untuk mengelola terjemahan secara efisien, menjaga kode tetap bersih, dan mempertahankan praktik SEO yang baik. Dalam artikel ini, kami membahas berbagai solusi dan alur kerja i18n untuk Svelte yang membantu Anda memilih yang paling sesuai dengan kebutuhan proyek Anda.
 
----
-
 ## Apa itu Internasionalisasi (i18n)?
 
 Internasionalisasi, yang biasa disingkat i18n, adalah proses merancang dan membangun aplikasi Anda agar dapat dengan mudah beradaptasi dengan berbagai bahasa, wilayah, dan konvensi budaya. Dalam Svelte, ini biasanya berarti menyiapkan string terjemahan, melokalisasi tanggal, waktu, dan angka, serta memastikan antarmuka pengguna dapat beralih secara dinamis di antara berbagai locale tanpa perlu penulisan ulang kode yang besar.
 
 Untuk mempelajari lebih lanjut tentang dasar-dasar i18n, baca artikel kami: [Apa itu Internasionalisasi (i18n)? Definisi dan Tantangan](https://github.com/aymericzip/intlayer/blob/main/docs/blog/id/what_is_internationalization.md).
 
----
-
 ## Tantangan Terjemahan untuk Aplikasi Svelte
 
 Menerjemahkan aplikasi Svelte dapat menghadirkan beberapa kendala:
@@ -43,8 +39,6 @@ Menerjemahkan aplikasi Svelte dapat menghadirkan beberapa kendala:
 - **State & Routing**: Mempertahankan bahasa yang benar di berbagai rute dan halaman dinamis sering kali melibatkan pengaturan state global, route guards, atau custom hooks di SvelteKit.
 - **Maintainability**: Seiring bertambahnya codebase dan file terjemahan Anda, menjaga semuanya tetap terorganisir dengan baik dan tersinkronisasi menjadi usaha yang berkelanjutan.
 
----
-
 ## Solusi i18n Terdepan untuk Svelte
 
 Svelte tidak menyediakan solusi i18n bawaan secara native (seperti Angular), tetapi komunitas telah menciptakan berbagai pustaka dan pola yang kuat. Berikut beberapa pendekatan populer.
@@ -69,8 +63,6 @@ Svelte tidak menyediakan solusi i18n bawaan secara native (seperti Angular), tet
 
 - **Komunitas & Ekosistem**: Meskipun terus berkembang, ekosistemnya masih baru, sehingga plugin dan alat yang didorong oleh komunitas mungkin lebih terbatas dibandingkan dengan solusi yang lebih mapan.
 
----
-
 ### 2. svelte-i18n
 
 Repositori: [https://github.com/kaisermann/svelte-i18n](https://github.com/kaisermann/svelte-i18n)
@@ -91,8 +83,6 @@ Repositori: [https://github.com/kaisermann/svelte-i18n](https://github.com/kaise
 - **Pengaturan SSR**: Mengonfigurasi SSR untuk SEO mungkin memerlukan langkah tambahan untuk memastikan deteksi locale yang benar di sisi server.
 - **Performa**: Meskipun fleksibel saat runtime, memuat banyak terjemahan sekaligus dapat mempengaruhi waktu muat awal; pertimbangkan strategi lazy loading atau caching.
 
----
-
 ### 3. svelte-intl-precompile
 
 Repository: [https://github.com/cibernox/svelte-intl-precompile](https://github.com/cibernox/svelte-intl-precompile)
@@ -113,8 +103,6 @@ Repository: [https://github.com/cibernox/svelte-intl-precompile](https://github.
 - **Konten Dinamis**: Jika Anda membutuhkan terjemahan langsung untuk konten yang dibuat pengguna, pendekatan ini mungkin memerlukan langkah tambahan untuk pembaruan saat runtime.
 - **Kurva Pembelajaran**: Kombinasi ekstraksi pesan dan prekompilasi bisa sedikit lebih kompleks bagi pemula.
 
----
-
 ### 4. i18next dengan Svelte / SvelteKit
 
 Website: [https://www.i18next.com/](https://www.i18next.com/)
@@ -135,8 +123,6 @@ Meskipun **i18next** lebih umum dikaitkan dengan React atau Vue, juga memungkink
 - **Beban Berlebih**: i18next sangat kuat, tetapi untuk proyek Svelte yang lebih kecil, beberapa fiturnya mungkin berlebihan.
 - **Routing & State**: Penanganan routing bahasa kemungkinan akan melibatkan hooks atau middleware khusus SvelteKit.
 
----
-
 ### Pemikiran Akhir
 
 Saat memilih strategi i18n untuk aplikasi Svelte Anda:

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

@@ -23,16 +23,12 @@ author: aymericzip
 
 Dalam lanskap digital yang semakin mengglobal, memperluas jangkauan situs web Vue.js Anda ke pengguna dalam berbagai bahasa bukan lagi sekadar "nilai tambah" tetapi menjadi kebutuhan kompetitif. Internasionalisasi (i18n) memungkinkan pengembang untuk mengelola terjemahan dan menyesuaikan aplikasi mereka untuk berbagai lokal sambil mempertahankan nilai SEO, pengalaman pengguna, dan struktur kode yang dapat dipelihara. Dalam artikel ini, kita akan menjelajahi berbagai pendekatan mulai dari pustaka khusus hingga solusi yang dikodekan secara kustom yang membantu Anda mengintegrasikan i18n ke dalam proyek Vue.js Anda dengan lancar.
 
----
-
 ## Apa itu Internasionalisasi (i18n)?
 
 Internasionalisasi (i18n) adalah praktik mempersiapkan aplikasi perangkat lunak (atau situs web) untuk berbagai bahasa dan konvensi budaya. Dalam ekosistem Vue.js, ini mencakup penetapan bagaimana teks, tanggal, angka, mata uang, dan elemen lain yang dapat dilokalisasi dapat disesuaikan dengan berbagai lokal. Dengan mengatur i18n sejak awal, Anda memastikan struktur yang terorganisir dan skalabel untuk menambahkan bahasa baru serta menangani kebutuhan lokalisasi di masa depan.
 
 Untuk mempelajari lebih lanjut tentang dasar-dasar i18n, lihat referensi kami: [Apa itu Internasionalisasi (i18n)? Definisi dan Tantangan](https://github.com/aymericzip/intlayer/blob/main/docs/blog/id/what_is_internationalization.md).
 
----
-
 ## Tantangan Terjemahan untuk Aplikasi Vue
 
 Menerjemahkan aplikasi Vue.js membawa tantangan tersendiri:
@@ -43,14 +39,10 @@ Menerjemahkan aplikasi Vue.js membawa tantangan tersendiri:
 - **State dan Konteks Reaktif:** Memastikan bahwa lokal saat ini dipertahankan di seluruh rute dan komponen yang secara reaktif memperbarui teks dan format memerlukan pendekatan yang matang, terutama saat menggunakan Vuex atau Pinia untuk manajemen state.
 - **Beban Pengembangan:** Menjaga file terjemahan tetap terorganisir, konsisten, dan terbaru dapat dengan cepat menjadi tugas besar jika tidak dikelola dengan hati-hati.
 
----
-
 ## Solusi i18n Terdepan untuk Vue.js
 
 Berikut adalah beberapa pustaka dan pendekatan populer yang dapat Anda gunakan untuk mengintegrasikan internasionalisasi ke dalam aplikasi Vue Anda. Masing-masing bertujuan untuk menyederhanakan terjemahan, SEO, dan pertimbangan performa dengan cara yang berbeda.
 
----
-
 ### 1. Intlayer
 
 > Situs Web: [https://intlayer.org/](https://intlayer.org/)
@@ -94,8 +86,6 @@ Berikut adalah beberapa pustaka dan pendekatan populer yang dapat Anda gunakan u
 - **Ekosistem Plugin**  
   Meskipun kuat, Anda mungkin perlu memilih dengan hati-hati dari beberapa plugin atau modul (Nuxt I18n, Vue I18n, dll.) untuk membangun setup yang sempurna.
 
----
-
 ### 3. LinguiJS (Integrasi Vue)
 
 > Situs web: [https://lingui.js.org/](https://lingui.js.org/)
@@ -123,8 +113,6 @@ Awalnya dikenal untuk integrasi React, **LinguiJS** juga menawarkan plugin Vue y
 - **Komunitas yang Lebih Kecil**  
   Dibandingkan dengan Vue I18n, ekosistemnya relatif lebih kecil. Plugin yang dikelola secara resmi dan add-on pihak ketiga bisa lebih terbatas.
 
----
-
 ## Pemikiran Akhir
 
 Saat memilih solusi i18n untuk aplikasi Vue.js Anda: