@intlayer/docs 9.4.4 → 9.5.1

package/blog/ar/intlayer_with_react-i18next.md

@@ -58,7 +58,6 @@ author: aymericzip
 ## دليل خطوة بخطوة لإعداد Intlayer مع react-i18next
 
 <Steps>
-
 <Step number={1} title="تثبيت التبعيات">
 
 قم بتثبيت الحزم اللازمة:
@@ -105,7 +104,6 @@ bun add intlayer @intlayer/sync-json-plugin --dev
 - **@intlayer/sync-json-plugin**: مكون إضافي لتصدير إعلانات محتوى Intlayer إلى تنسيق JSON المتوافق مع react-i18next
 
 </Step>
-
 <Step number={2} title="تنفيذ مكون Intlayer الإضافي لتغليف JSON">
 
 أنشئ ملف تكوين Intlayer لتعريف اللغات المدعومة لديك:
@@ -143,7 +141,6 @@ export default config;
 للاطلاع على مزيد من التفاصيل حول المكون الإضافي `syncJSON`، يرجى الرجوع إلى [توثيق مكون syncJSON الإضافي](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ar/plugins/sync-json.md).
 
 </Step>
-
 <Step number={3} title="تنفيذ ترجمات JSON لكل مكون">
 
 بشكل افتراضي، يقوم Intlayer بتحميل ودمج ومزامنة كل من ملفات JSON وملفات إعلان المحتوى. راجع [توثيق إعلان المحتوى](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ar/dictionary/content_file.md) لمزيد من التفاصيل. ولكن إذا كنت تفضل، باستخدام مكون إضافي من Intlayer، يمكنك أيضًا تنفيذ إدارة JSON لكل مكون محليًا في أي مكان في قاعدة الشيفرة الخاصة بك.

package/blog/ar/intlayer_with_react-intl.md

@@ -56,7 +56,6 @@ author: aymericzip
 ## دليل خطوة بخطوة لإعداد Intlayer مع react-intl
 
 <Steps>
-
 <Step number={1} title="تثبيت التبعيات">
 
 قم بتثبيت الحزم اللازمة:
@@ -103,7 +102,6 @@ bun add intlayer @intlayer/sync-json-plugin --dev
 - **@intlayer/sync-json-plugin**: مكون إضافي لتصدير إعلانات محتوى Intlayer إلى تنسيق JSON متوافق مع react-intl
 
 </Step>
-
 <Step number={2} title="تنفيذ مكون Intlayer الإضافي لتغليف JSON">
 
 قم بإنشاء ملف تكوين Intlayer لتعريف اللغات المدعومة لديك:
@@ -142,7 +140,6 @@ export default config;
 للاطلاع على مزيد من التفاصيل حول ملحق `syncJSON`، يرجى الرجوع إلى [توثيق ملحق syncJSON](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ar/plugins/sync-json.md).
 
 </Step>
-
 <Step number={3} title="تنفيذ ترجمات JSON لكل مكون">
 
 بشكل افتراضي، سيقوم Intlayer بتحميل ودمج ومزامنة كل من ملفات JSON وملفات إعلان المحتوى. راجع [توثيق إعلان المحتوى](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ar/dictionary/content_file.md) لمزيد من التفاصيل. ولكن إذا كنت تفضل، باستخدام ملحق Intlayer، يمكنك أيضًا تنفيذ إدارة JSON المترجمة لكل مكون في أي مكان في قاعدة الشيفرة الخاصة بك.

package/blog/ar/intlayer_with_vue-i18n.md

@@ -53,12 +53,9 @@ author: aymericzip
 
 يوضح هذا الدليل كيفية الاستفادة من نظام إعلان المحتوى المتفوق في Intlayer مع الحفاظ على التوافق مع vue-i18n.
 
----
-
 ## دليل خطوة بخطوة لإعداد Intlayer مع vue-i18n
 
 <Steps>
-
 <Step number={1} title="تثبيت التبعيات">
 
 قم بتثبيت الحزم اللازمة باستخدام مدير الحزم المفضل لديك:
@@ -105,7 +102,6 @@ bun add intlayer @intlayer/sync-json-plugin --dev
 - **@intlayer/sync-json-plugin**: مكون إضافي لمزامنة إعلانات محتوى Intlayer إلى تنسيق JSON الخاص بـ vue-i18n
 
 </Step>
-
 <Step number={2} title="تنفيذ مكون Intlayer لتغليف JSON">
 
 قم بإنشاء ملف تكوين Intlayer لتعريف اللغات المدعومة لديك:
@@ -144,7 +140,6 @@ export default config;
 للاطلاع على مزيد من التفاصيل حول مكون `syncJSON` الإضافي، يرجى الرجوع إلى [توثيق مكون syncJSON الإضافي](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ar/plugins/sync-json.md).
 
 </Step>
-
 <Step number={3} title="تنفيذ ترجمات JSON لكل مكون على حدة">
 
 بشكل افتراضي، سيقوم Intlayer بتحميل ودمج ومزامنة كل من ملفات JSON وملفات إعلان المحتوى. راجع [توثيق إعلان المحتوى](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ar/dictionary/content_file.md) لمزيد من التفاصيل. ولكن إذا كنت تفضل، باستخدام مكون إضافي من Intlayer، يمكنك أيضًا تنفيذ إدارة JSON المترجمة لكل مكون في أي مكان في قاعدة الشيفرة الخاصة بك.

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

@@ -23,16 +23,12 @@ author: aymericzip
 
 في عالمنا المتصل اليوم، يمكن أن يؤدي تقديم موقعك بعدة لغات إلى توسيع مدى وصولك بشكل كبير وتحسين تجربة المستخدم. بالنسبة للمطورين الذين يعملون مع Angular، فإن تنفيذ التدويل (i18n) أمر بالغ الأهمية لإدارة الترجمات بكفاءة مع الحفاظ على بنية التطبيق، وSEO، والأداء. في هذه المقالة، سنستكشف نهج i18n المختلفة - من حلول Angular المدمجة إلى المكتبات الشائعة من جهات خارجية - لمساعدتك في تحديد أفضل ملاءمة لمشروعك.
 
----
-
 ## ما هو التدويل (i18n)؟
 
 التدويل، المعروف غالبًا باسم i18n، هو عملية تصميم وإعداد تطبيقك لدعم لغات وسياقات ثقافية متعددة. في Angular، يتطلب ذلك تكوين تطبيقك بحيث يمكن للنصوص، والتواريخ، والأرقام، وحتى تخطيطات واجهة المستخدم، التكيف بسلاسة مع مواقع محلية مختلفة. يضمن وضع هذه الأسس بشكل صحيح أن تظل عملية دمج الترجمات المستقبلية منظمة وفعالة.
 
 تعرف على المزيد حول أساسيات i18n من خلال قراءة مقالتنا: [ما هو التدويل (i18n)؟ التعريف والتحديات](https://github.com/aymericzip/intlayer/blob/main/docs/blog/ar/what_is_internationalization.md).
 
----
-
 ## تحدي الترجمة لتطبيقات Angular
 
 تقديم ترجمة لتطبيق Angular يطرح العديد من التحديات:
@@ -43,8 +39,6 @@ author: aymericzip
 - **التوجيه والحالة**: الحفاظ على اللغة الصحيحة أثناء التنقل بين المسارات يتطلب إدارة الحالة، وربما حراس أو عوامل اعتراضية مخصصة.
 - **القابلية للتوسع والصيانة**: يمكن أن تنمو ملفات الترجمة بسرعة، والحفاظ على تنظيمها، وتحديثها، ومزامنتها مع تطور تطبيقك يمكن أن تكون مهمة مستمرة.
 
----
-
 ## الحلول الرائدة في i18n لـ Angular
 
 تقدم Angular إطار عمل i18n مدمج، وهناك العديد من المكتبات من جهات خارجية مصممة لتبسيط إعداداتك متعددة اللغات. وفيما يلي بعض من الحلول الأكثر شعبية.
@@ -69,8 +63,6 @@ author: aymericzip
 
 - **المجتمع والنظام البيئي**: على الرغم من النمو، فإن النظام البيئي أحدث، لذلك قد تكون الإضافات والأدوات التي يقودها المجتمع أكثر محدودية مقارنة بالحلول الأكثر رسوخًا.
 
----
-
 ### 2. i18n المدمج في Angular
 
 **نظرة عامة**  
@@ -89,8 +81,6 @@ author: aymericzip
 - **المحتوى الديناميكي**: قد تتطلب معالجة المحتوى الآني أو المستخدم المنحى منطقًا مخصصًا حيث تركز الحلول المدمجة في Angular بشكل كبير على الترجمات في وقت التجميع.
 - **المرونة المحدودة في وقت التشغيل**: تحويل اللغات أثناء التنقل (دون إعادة تحميل التطبيق) قد يكون تحديًا حيث يتم تضمين الترجمات في وقت البناء.
 
----
-
 ### 3. ngx-translate
 
 الموقع: [https://github.com/ngx-translate/core](https://github.com/ngx-translate/core)
@@ -111,8 +101,6 @@ author: aymericzip
 - **SEO و SSR**: إذا كنت بحاجة إلى التقديم من جانب الخادم مع Angular Universal، فإن ngx-translate تتطلب إعدادًا إضافيًا لضمان تقديم الترجمات الصحيحة للزحف والمتصفحات في التحميل الأول.
 - **الأداء**: بينما هي مرنة في وقت التشغيل، فإن التعامل مع العديد من الترجمات في صفح كبيرة يمكن أن يؤثر على الأداء، لذا توصى استراتيجيات التخزين المؤقت.
 
----
-
 ### 4. Transloco
 
 الموقع: [https://ngneat.github.io/transloco/](https://ngneat.github.io/transloco/)

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

@@ -23,8 +23,6 @@ author: aymericzip
 
 في سوق عالمي يزداد تنافسًا، يمكن أن يُحسن تقديم تطبيق React Native الخاص بك بعدة لغات إمكانية الوصول ورضا المستخدم بشكل كبير. تُعتبر الـ Internationalization (i18n) مركزية لإدارة الترجمات بفعالية, مما يتيح لك عرض نصوص محددة باللغة، وتنسيقات التاريخ والوقت، والعملات، والمزيد دون تعقيد قاعدة الشفرة الخاصة بك. في هذه المقالة، سنغوص في مختلف طرق الـ i18n, تتراوح من المكتبات المخصصة إلى الحلول العامة, وسنساعدك في العثور على الأنسب لمشروع React Native الخاص بك.
 
----
-
 ## ما هي الـ Internationalization (i18n)؟
 
 تتضمن Internationalization، أو i18n، هيكلة التطبيق بحيث يمكنه التكيف بسهولة مع لغات مختلفة، وتنسيقات إقليمية، وأعراف ثقافية. في React Native، تشمل i18n التعامل مع السلاسل للنوافذ والأزرار، بالإضافة إلى تنسيق التواريخ، والأوقات، والعملات، والمزيد وفقًا لإعدادات المستخدم. تتيح لك تطبيقات React Native المعدة بشكل صحيح دمج اللغات الإضافية وسلوكيات محددة محليًا لاحقًا, دون عمليات إعادة هيكلة ضخمة.
@@ -32,8 +30,6 @@ author: aymericzip
 للتعمق أكثر في مفاهيم الـ internationalization، تحقق من مقالتنا:  
 [ما هي Internationalization (i18n)؟ التعريف والتحديات](https://github.com/aymericzip/intlayer/blob/main/docs/blog/ar/what_is_internationalization.md).
 
----
-
 ## تحدي الترجمة لتطبيقات React Native
 
 تقديم الترجمات في React Native يقدم اعتبارات فريدة من نوعها:
@@ -53,8 +49,6 @@ author: aymericzip
 - **تحديثات التطبيق والتحديثات عبر الهواء (OTA)**  
   إذا كنت تستخدم CodePush أو آلية تحديث OTA أخرى، تحتاج إلى التخطيط لكيفية تحديث الترجمات أو إضافة لغات جديدة دون الحاجة إلى إصدار كامل من متجر التطبيقات.
 
----
-
 ## الحلول الرائدة في i18n لتطبيقات React Native
 
 فيما يلي مجموعة من الطرق الشائعة لإدارة المحتوى متعدد اللغات في React Native. تهدف كل واحدة إلى تبسيط سير العمل الخاص بك في الترجمة بطرق مختلفة.
@@ -88,8 +82,6 @@ author: aymericzip
 - **المجتمع والنظام البيئي**  
   لا يزال حلاً جديدًا نسبيًا، لذا قد تجد أمثلة مدفوعة من المجتمع أو مكونات إضافية جاهزة أقل مقارنةً بالمكتبات المعروفة.
 
----
-
 ### 2. React-i18next
 
 > الموقع: [https://react.i18next.com/](https://react.i18next.com/)
@@ -122,8 +114,6 @@ author: aymericzip
 - **الأداء**  
   بينما يعمل React-i18next عادةً بشكل جيد، سترغب في الانتباه إلى كيفية تنظيمك وتحميلك لموارد الترجمة لتجنب التحميل الزائد على الأجهزة المحمولة.
 
----
-
 ### 3. React Intl (من FormatJS)
 
 > الموقع: [https://formatjs.io/docs/react-intl/](https://formatjs.io/docs/react-intl/)
@@ -156,8 +146,6 @@ author: aymericzip
 - **أمثلة مجتمعية**  
   بينما تستخدم بشكل واسع، قد تكون أمثلة الاستخدام الخاصة بـ React Native أقل من تلك الخاصة بـ React للويب. من المحتمل أنك ستقوم بتكييف الوثائق والنماذج القائمة على البيئة الأصلية.
 
----
-
 ### 4. LinguiJS
 
 > الموقع: [https://lingui.js.org/](https://lingui.js.org/)
@@ -190,8 +178,6 @@ author: aymericzip
 - **تنظيم الشفرة**  
   إن قرار كيفية تقسيم فهارس الرسائل (حسب الشاشة أو الميزة أو اللغة) أمر حيوي للحفاظ على الوضوح في التطبيقات الأكبر.
 
----
-
 ## الأفكار النهائية
 
 عند اختيار حل i18n لتطبيق React Native الخاص بك:

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

@@ -23,16 +23,12 @@ author: aymericzip
 
 في مشهد الرقمي اليوم، من الضروري توسيع نطاق موقعك لتلبية احتياجات جمهور عالمي. بالنسبة للمطورين الذين يستخدمون React، فإن تنفيذ دولية (i18n) هو المفتاح لإدارة الترجمات بكفاءة مع الحفاظ على هيكل التطبيق وقيمة SEO وتجربة المستخدم. في هذه المقالة، نستكشف مختلف أساليب i18n - من المكتبات المخصصة إلى الحلول المشفرة مخصصا - مما يساعدك في اتخاذ قرار بشأن الأنسب لاحتياجات مشروعك.
 
----
-
 ## ما هي الدولية (i18n)؟
 
 الدولية، المختصرة إلى i18n، هي عملية تصميم وإعداد موقعك لدعم لغات وسياقات ثقافية متعددة. في React، يعني هذا إعداد التطبيق الخاص بك بحيث يمكن تعديل النصوص، وتنسيقات التاريخ، وتنسيقات الأرقام، وحتى التخطيط بسهولة للمستخدمين من مناطق مختلفة. إعداد تطبيق React الخاص بك لـ i18n يضع الأساس لدمج الترجمات وميزات التوطين الأخرى بشكل نظيف.
 
 اكتشف المزيد عن i18n من خلال قراءة مقالتنا: [ما هي الدولية (i18n)؟ التعريف والتحديات](https://github.com/aymericzip/intlayer/blob/main/docs/blog/ar/what_is_internationalization.md).
 
----
-
 ## تحدي الترجمة لتطبيقات React
 
 تقديم ترجمة لموقع React يطرح عدة تحديات:
@@ -43,8 +39,6 @@ author: aymericzip
 - **إدارة الحالة والسياق:** ضمان الحفاظ على اللغة الصحيحة عبر الطرق والمكونات يتطلب إدارة حالة مدروسة.
 - **عبء التطوير:** الحفاظ على ملفات الترجمة، وضمان دقة السياق، والحفاظ على قابلية توسيع التطبيق هي اعتبارات مستمرة.
 
----
-
 ## حلول i18n الرائدة لـ React
 
 فيما يلي عدة طرق شائعة لإدارة المحتوى متعدد اللغات في تطبيقات React، كل منها مصمم لتبسيط عملية الترجمة بطرق مختلفة.
@@ -69,8 +63,6 @@ author: aymericzip
 
 - **المجتمع والنظام البيئي**: على الرغم من التوسع، إلا أن النظام البيئي أقدم، لذا قد تكون الإصدار المجتمعي والتوجهات محدودة مقارنةً بالحلول الأكثر رسوخًا.
 
----
-
 ### 2. React-i18next
 
 موقع الويب: [https://react.i18next.com/](https://react.i18next.com/)
@@ -93,8 +85,6 @@ author: aymericzip
 - **نظام الإضافات**: يتوفر نظام شامل من الإضافات والوسيطات، مما يعني أنه سيتعين عليك تصفية الحزم المختلفة للعثور على الأدوات الصحيحة.
 - **مكونات الخادم**: تتطلب إعدادًا إضافيًا لضمان حصول مكونات الخادم على اللغات الصحيحة، خاصةً عن استخدام أطر عمل غير Next.js.
 
----
-
 ### 3. React Intl (من FormatJS)
 
 موقع الويب: [https://formatjs.io/docs/react-intl/](https://formatjs.io/docs/react-intl/)
@@ -139,8 +129,6 @@ author: aymericzip
 - **المجتمع والإضافات**: النظام البيئي في نمو ولكن لا يزال أصغر مقارنةً بـ i18next أو FormatJS.
 - **مكونات الخادم**: قد تحتاج إلى تكوين أكثر وضوحًا لضمان تلقي مكونات الخادم لداتا اللغة الصحيحة.
 
----
-
 ### أفكار نهائية
 
 عند اختيار مكتبة i18n لـ React:

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

@@ -23,16 +23,12 @@ author: aymericzip
 
 مع استمرار الويب في ربط الناس عبر العالم، أصبحت توفير المحتوى بعدة لغات أمرًا مهمًا بشكل متزايد. بالنسبة للمطورين الذين يعملون مع **Svelte**، فإن تنفيذ i18n يعد أمرًا ضروريًا لإدارة الترجمات بكفاءة، والحفاظ على نظافة الشيفرة، والتمسك بممارسات تحسين محركات البحث الجيدة. في هذه المقالة، نستعرض مختلف حلول i18n وعمليات العمل الخاصة بـ Svelte, مساعدتك على اختيار الأنسب لاحتياجات مشروعك.
 
----
-
 ## ما هو العولمة (i18n)؟
 
 العولمة، التي اختصرت بشكل شائع كـ i18n، هي عملية تصميم وبناء التطبيق الخاص بك بحيث يمكنه التكيف بسهولة مع لغات، ومناطق، وتقاليد ثقافية مختلفة. في Svelte، يعني هذا عادةً إعداد سلاسل ترجمات، وتوطين التواريخ، والأوقات، والأرقام، وضمان أن واجهة المستخدم يمكنها التبديل ديناميكيًا بين مختلف المناطق دون الحاجة إلى إعادة كتابة الشيفرة بشكل كبير.
 
 لتعلم المزيد عن أساسيات i18n، اقرأ مقالتنا: [ما هي العولمة (i18n)؟ التعريف والتحديات](https://github.com/aymericzip/intlayer/blob/main/docs/blog/ar/what_is_internationalization.md).
 
----
-
 ## تحدي الترجمة لتطبيقات Svelte
 
 يمكن أن تقدم ترجمة تطبيق Svelte عدة عقبات:
@@ -43,8 +39,6 @@ author: aymericzip
 - **الحالة والتوجيه**: يتطلب الحفاظ على اللغة الصحيحة عبر مسارات متعددة وصفحات ديناميكية غالبًا تنسيق حالة عالمية، أو حراس مسار، أو طرق مخصصة في SvelteKit.
 - **قابلية الصيانة**: مع نمو قاعدة الشيفرة وملفات الترجمة الخاصة بك، يصبح من المهم الحفاظ على كل شيء منظمًا ومتزامنًا بشكل مستمر.
 
----
-
 ## حلول i18n الرائدة لـ Svelte
 
 لا يوفر Svelte حلاً محليًا مدمجًا لـ i18n (كما هو الحال في Angular)، لكن المجتمع أنشأ مجموعة متنوعة من المكتبات والنماذج القوية. فيما يلي عدة طرق شائعة.
@@ -69,8 +63,6 @@ author: aymericzip
 
 - **المجتمع والنظام البيئي**: على الرغم من التوسع، إلا أن النظام البيئي أحدث، لذا قد تكون الإضافات والأدوات المدفوعة من المجتمع محدودة مقارنة بالحلول الأكثر رسوخًا.
 
----
-
 ### 2. svelte-i18n
 
 المستودع: [https://github.com/kaisermann/svelte-i18n](https://github.com/kaisermann/svelte-i18n)
@@ -91,8 +83,6 @@ author: aymericzip
 - **إعداد SSR**: قد يتطلب إعداد SSR لتحسين محركات البحث خطوات إضافية لضمان الكشف الصحيح عن اللغة على جانب الخادم.
 - **الأداء**: بينما يكون مرنًا في وقت التشغيل، يمكن أن يؤثر عدد كبير من الترجمات المحملة دفعة واحدة على أوقات التحميل الأولية, فكر في استراتيجيات التحميل الكسول أو التخزين المؤقت.
 
----
-
 ### 3. svelte-intl-precompile
 
 المستودع: [https://github.com/cibernox/svelte-intl-precompile](https://github.com/cibernox/svelte-intl-precompile)
@@ -113,8 +103,6 @@ author: aymericzip
 - **المحتوى الديناميكي**: إذا كنت بحاجة إلى ترجمات فورية للمحتوى الذي ينتجه المستخدم، قد يتطلب هذا النهج خطوات إضافية للتحديثات أثناء التشغيل.
 - **منحنى التعلم**: قد يكون تركيب استخراج الرسائل وما قبل الترجمة أكثر تعقيدًا قليلاً للمبتدئين.
 
----
-
 ### 4. i18next مع Svelte / SvelteKit
 
 الموقع: [https://www.i18next.com/](https://www.i18next.com/)
@@ -135,8 +123,6 @@ author: aymericzip
 - **العبء الزائد**: i18next قوي، لكن لمشاريع Svelte الأصغر، قد تكون بعض ميزاته مبالغة.
 - **التوجيه والحالة**: ستتطلب معالجة توجيه اللغة عادةً خطوات مخصصة في SvelteKit أو واجهات برمجة التطبيقات.
 
----
-
 ### الأفكار النهائية
 
 عند اختيار استراتيجية i18n لتطبيق Svelte الخاص بك:

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

@@ -23,16 +23,12 @@ author: aymericzip
 
 في مشهد رقمي متزايد العولمة، لم يعد توسيع نطاق موقعك الإلكتروني باستخدام Vue.js ليصل إلى المستخدمين بلغات متعددة "ميزة إضافية" , بل إنه ضرورة تنافسية. تتيح العولمة (i18n) للمطورين إدارة الترجمات وتكييف تطبيقاتهم لمواقع مختلفة مع الحفاظ على قيمة SEO، وتجربة المستخدم، وهياكل الكود القابلة للصيانة. في هذه المقالة، سنستكشف طرقًا مختلفة , تتراوح من المكتبات المخصصة إلى الحلول المبرمجة بشكل مخصص , التي تساعدك على دمج i18n في مشروعك باستخدام Vue.js بسلاسة.
 
----
-
 ## ما هي العولمة (i18n)؟
 
 العولمة (i18n) هي ممارسة إعداد تطبيق برمجي (أو موقع ويب) لعدة لغات وعادات ثقافية. ضمن نظام Vue.js البيئي، يشمل ذلك تحديد كيفية تكييف النصوص، والتواريخ، والأرقام، والعملة، والعناصر الأخرى القابلة للتخصيص لمواقع مختلفة. من خلال إعداد i18n من البداية، تضمن هيكلًا منظمًا وقابلًا للتوسع لإضافة لغات جديدة والتعامل مع احتياجات الترجمة المستقبلية.
 
 لمعرفة المزيد حول أساسيات i18n، تحقق من مرجعنا: [ما هي العولمة (i18n)؟ التعريف والتحديات](https://github.com/aymericzip/intlayer/blob/main/docs/blog/ar/what_is_internationalization.md).
 
----
-
 ## تحدي الترجمة لتطبيقات Vue
 
 تتمتع ترجمة تطبيق Vue.js بمجموعة من التحديات الخاصة بها:
@@ -43,14 +39,10 @@ author: aymericzip
 - **السياق الحالي والتفاعلية:** يتطلب ضمان الحفاظ على الموقع الحالي عبر المسارات والمكونات , تحديث النصوص والأشكال بشكل تفاعلي , نهجاً مدروساً، خاصة عند التعامل مع Vuex أو Pinia لإدارة الحالة.
 - **عبء التطوير:** يمكن أن يصبح الاحتفاظ بملفات الترجمة منظمة ومتسقة ومحدثة بسرعة مهمة كبرى إذا لم تتم إدارتها بعناية.
 
----
-
 ## الحلول الرائدة في i18n لـ Vue.js
 
 فيما يلي بعض المكتبات والأساليب الشائعة التي يمكنك استخدامها لدمج العولمة في تطبيقات Vue الخاصة بك. يهدف كل منها إلى تبسيط الترجمة، وSEO، واعتبارات الأداء بطرق مختلفة.
 
----
-
 ### 1. Intlayer
 
 > الموقع الإلكتروني: [https://intlayer.org/](https://intlayer.org/)
@@ -94,8 +86,6 @@ author: aymericzip
 - **نظام المكونات الإضافية**  
   بينما هو قوي، قد تحتاج إلى اختيار بعناية من بين عدة مكونات أو وحدات (Nuxt I18n، Vue I18n، إلخ) لبناء إعداد مثالي.
 
----
-
 ### 3. LinguiJS (تكامل Vue)
 
 > الموقع: [https://lingui.js.org/](https://lingui.js.org/)
@@ -123,8 +113,6 @@ author: aymericzip
 - **مجتمع أصغر**  
   بالمقارنة مع Vue I18n، هناك نظام بيئي أصغر نسبيًا. قد تكون المكونات الإضافية التي يتم صيانتها رسميًا والملحقات التابعة لها أكثر محدودية.
 
----
-
 ## الأفكار النهائية
 
 عند اتخاذ القرار بشأن حل i18n لتطبيقك باستخدام Vue.js:

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

@@ -40,16 +40,12 @@ author: aymericzip
 
 > من الالتباسات الشائعة بين المطورين هو الاعتقاد بأن `next-intl` هو نسخة Next.js من `react-intl`. هذا غير صحيح, فـ `next-intl` تتم صيانته بواسطة [Amann](https://github.com/amannn)، بينما `react-intl` تتم صيانته بواسطة [FormatJS](https://github.com/formatjs/formatjs).
 
----
-
 ## باختصار
 
 - **next-intl** - تنسيق رسائل خفيف الوزن وبسيط مع دعم قوي لـ Next.js. الكتالوجات المركزية شائعة؛ تجربة المطور بسيطة، لكن الأمان والصيانة على نطاق واسع تبقى في الغالب مسؤوليتك.
 - **next-i18next** - i18next في هيئة Next.js. نظام بيئي ناضج وميزات عبر الإضافات (مثل ICU)، لكن التهيئة قد تكون مطولة وتميل الكتالوجات إلى المركزية مع نمو المشاريع.
 - **Intlayer** - نموذج محتوى يركز على المكونات لـ Next.js، **كتابة صارمة بـ TS**، **فحوصات وقت البناء**، **إزالة الشيفرة غير المستخدمة (tree-shaking)**، **وسائط مدمجة ومساعدات SEO**، محرر/نظام إدارة محتوى بصري اختياري، وترجمات بمساعدة الذكاء الاصطناعي.
 
----
-
 | Library                | GitHub Stars                                                                                                                                                                     | Total Commits                                                                                                                                                                        | Last Commit                                                                                                                                           | First Version | NPM Version                                                                                                         | NPM Downloads                                                                                                                  |
 | ---------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------- | ------------- | ------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ |
 | `aymericzip/intlayer`  | [![GitHub Repo stars](https://img.shields.io/github/stars/aymericzip/intlayer?style=for-the-badge&label=%E2%AD%90%20stars)](https://github.com/aymericzip/intlayer/stargazers)   | [![GitHub commit activity](https://img.shields.io/github/commit-activity/t/aymericzip/intlayer?style=for-the-badge&label=commits)](https://github.com/aymericzip/intlayer/commits)   | [![Last Commit](https://img.shields.io/github/last-commit/aymericzip/intlayer?style=for-the-badge)](https://github.com/aymericzip/intlayer/commits)   | April 2024    | [![npm](https://img.shields.io/npm/v/intlayer?style=for-the-badge)](https://www.npmjs.com/package/intlayer)         | [![npm downloads](https://img.shields.io/npm/dm/intlayer?style=for-the-badge)](https://www.npmjs.com/package/intlayer)         |
@@ -59,8 +55,6 @@ author: aymericzip
 
 > يتم تحديث الشارات تلقائيًا. ستختلف اللقطات مع مرور الوقت.
 
----
-
 ## مقارنة الميزات جنبًا إلى جنب (مركزة على Next.js)
 
 | الميزة                                                       | `next-intlayer` (Intlayer)                                                                                                   | `next-intl`                                                                                    | `next-i18next`                                                                                 |
@@ -86,16 +80,12 @@ author: aymericzip
 | **إدارة المشاريع الكبيرة**                                   | ✅ يشجع على التصميم المعياري، مناسب لأنظمة التصميم                                                                           | ✅ معياري مع الإعداد                                                                           | ✅ معياري مع الإعداد                                                                           |
 | **اختبار الترجمات المفقودة (CLI/CI)**                        | ✅ CLI: `npx intlayer content test` (تدقيق مناسب لـ CI)                                                                      | ⚠️ غير مدمج؛ الوثائق تقترح `npx @lingual/i18n-check`                                           | ⚠️ غير مدمج؛ يعتمد على أدوات i18next / وقت التشغيل `saveMissing`                               |
 
----
-
 ## المقدمة
 
 يوفر Next.js دعمًا مدمجًا للتوجيه الدولي (مثل مقاطع اللغة). لكن هذه الميزة لا تقوم بالترجمة بمفردها. لا يزال يتعين عليك استخدام مكتبة لعرض المحتوى المحلي للمستخدمين.
 
 توجد العديد من مكتبات i18n، ولكن في عالم Next.js اليوم، هناك ثلاث مكتبات تكتسب شعبية: next-i18next، next-intl، و Intlayer.
 
----
-
 ## الهندسة والقابلية للتوسع
 
 - **next-intl / next-i18next**: تعتمد بشكل افتراضي على **كتالوجات مركزية** لكل لغة (بالإضافة إلى **مساحات الأسماء** في i18next). تعمل بشكل جيد في البداية، لكنها غالبًا ما تصبح مساحة مشتركة كبيرة مع زيادة الترابط وتغير المفاتيح.
@@ -103,8 +93,6 @@ author: aymericzip
 
 **لماذا هذا مهم:** في قواعد الكود الكبيرة أو إعدادات نظام التصميم، **المحتوى المعياري** يتوسع بشكل أفضل من الكتالوجات الأحادية.
 
----
-
 ## أحجام الحزم والاعتمادات
 
 بعد بناء التطبيق، الحزمة هي جافا سكريبت التي سيقوم المتصفح بتحميلها لعرض الصفحة. لذلك، حجم الحزمة مهم لأداء التطبيق.
@@ -172,8 +160,6 @@ author: aymericzip
 | ----------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------- |
 | ![حزمة محسنة](https://github.com/aymericzip/intlayer/blob/main/docs/assets/bundle.png?raw=true) | ![حزمة غير محسنة](https://github.com/aymericzip/intlayer/blob/main/docs/assets/bundle_no_optimization.png?raw=true) |
 
----
-
 ## تايب سكريبت والسلامة
 
 <Columns>
@@ -198,12 +184,11 @@ author: aymericzip
 - **ينشئ أنواعًا صارمة** من المحتوى الخاص بك. **الإكمال التلقائي في بيئة التطوير** و**أخطاء وقت الترجمة** تكتشف الأخطاء الإملائية والمفاتيح المفقودة قبل النشر.
 
   </Column>
+
 </Columns>
 
 **لماذا هذا مهم:** التحقق الصارم من الأنواع ينقل الأخطاء إلى اليسار (التكامل المستمر/البناء) بدلاً من اليمين (وقت التشغيل).
 
----
-
 ## التعامل مع الترجمات المفقودة
 
 **next-intl**
@@ -220,8 +205,6 @@ author: aymericzip
 
 **لماذا هذا مهم:** اكتشاف الفجوات أثناء البناء يمنع ظهور "سلاسل غامضة" في الإنتاج ويتماشى مع قواعد الإصدار الصارمة.
 
----
-
 ## التوجيه، الوسيط واستراتيجية عناوين URL
 
 <Columns>
@@ -246,12 +229,11 @@ author: aymericzip
 - كل ما سبق، بالإضافة إلى **وسيط i18n** (اكتشاف اللغة عبر الرؤوس/الكوكيز) و**مساعدين** لإنشاء عناوين URL محلية ووسوم `<link rel="alternate" hreflang="…">`.
 
   </Column>
+
 </Columns>
 
 **لماذا هذا مهم:** تقليل طبقات الربط المخصصة؛ **تجربة مستخدم متسقة** و**تحسين SEO نظيف** عبر اللغات.
 
----
-
 ## توافق مكونات الخادم (RSC)
 
 <Columns>
@@ -276,12 +258,11 @@ author: aymericzip
 - يدعم Next.js 13+ ويسهل **الحد الفاصل بين الخادم/العميل** من خلال واجهة برمجة تطبيقات متسقة ومزودين موجهين لـ RSC، متجنبًا نقل أدوات التنسيق أو دوال الترجمة.
 
   </Column>
+
 </Columns>
 
 **لماذا هذا مهم:** نموذج ذهني أنظف وحالات حافة أقل في الأشجار الهجينة.
 
----
-
 ## التكامل مع منصات الترجمة (TMS)
 
 تعتمد المؤسسات الكبيرة غالبًا على أنظمة إدارة الترجمة (TMS) مثل **Crowdin**، **Phrase**، **Lokalise**، **Localizely**، أو **Localazy**.
@@ -932,8 +913,6 @@ const ClientComponentExample = () => {
   - **next-intl** is flexible; load messages however you configure.
   - **Intlayer** stores content in TS/JS dictionaries and resolves by key.
 
----
-
 ### الاستخدام في مكون الخادم
 
 We will take the case of a UI component. This component is a server component, and should be able to be inserted as a child of a client component. (page (server component) -> client component -> server component). As this component can be inserted as a child of a client component, it cannot be async.
@@ -1042,7 +1021,7 @@ Here's a list of good practices regarding multilingual SEO.
 Developers often forget to properly reference their pages across locales.
 
 <Tabs defaultTab="next-intl" group='techno'>
- 
+
   <Tab label="next-i18next" value="next-i18next">
 
 ```ts fileName="i18n.config.ts"
@@ -1299,8 +1278,6 @@ export default robots;
 
 > Intlayer provides a `getMultilingualUrls` function to generate multilingual URLs for your sitemap.
 
----
-
 ### Middleware for locale routing
 
 <Tabs defaultTab="next-intl" group='techno'>
@@ -1387,8 +1364,6 @@ The set up of the middleware centralized in the `intlayer.config.ts` file.
   </Tab>
 </Tabs>
 
----
-
 ### قائمة التحقق من الإعداد والممارسات الجيدة
 
 <Tabs defaultTab="next-intl" group='techno'>
@@ -1420,9 +1395,8 @@ The set up of the middleware centralized in the `intlayer.config.ts` file.
 - **الأدوات المدمجة**: استفد من دعم التوجيه المدمج ومساعدات SEO ودعم المحرر البصري.
 
   </Tab>
-</Tabs>
 
----
+</Tabs>
 
 ## والفائز هو…
 
@@ -1450,6 +1424,7 @@ The set up of the middleware centralized in the `intlayer.config.ts` file.
 - مبني لـ Next.js الحديث، مع محتوى معياري، أمان نوعي، أدوات، وتقليل الكود المكرر. إذا كنت تقدر **المحتوى المخصص للمكونات**، **TypeScript الصارم**، **ضمانات وقت البناء**، **tree-shaking**، وأدوات التوجيه/SEO/المحرر المدمجة - خاصة لـ **Next.js App Router**، أنظمة التصميم و**قواعد الشيفرة الكبيرة والمعيارية**.
 
   </Column>
+
 </Columns>
 
 إذا كنت تفضل إعدادًا بسيطًا وتقبل بعض التوصيلات اليدوية، فإن next-intl خيار جيد. إذا كنت تحتاج كل الميزات ولا تمانع التعقيد، فإن next-i18next يعمل بشكل جيد. ولكن إذا كنت تريد حلاً حديثًا وقابلًا للتوسع وذو محتوى معياري مع أدوات مدمجة، فإن Intlayer تهدف إلى تقديم ذلك لك مباشرةً من الصندوق.
@@ -1464,8 +1439,6 @@ The set up of the middleware centralized in the `intlayer.config.ts` file.
 
 [![مخطط تاريخ النجوم](https://api.star-history.com/chart?repos=i18next/next-i18next%2Camannn/next-intl%2Caymericzip/intlayer&type=date&legend=top-left)](https://www.star-history.com/#i18next/next-i18next&amannn/next-intl&aymericzip/intlayer)
 
----
-
 ## الخلاصة
 
 تنجح المكتبات الثلاث جميعها في التوطين الأساسي. الفرق هو **كمية العمل التي يجب عليك القيام بها** لتحقيق إعداد قوي وقابل للتوسع في **Next.js الحديثة**:

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

@@ -26,8 +26,6 @@ author: aymericzip
 
 في هذه المدونة، سنستكشف **لماذا التدويل (i18n) هو قوة خارقة في تحسين محركات البحث (SEO)** وكيفية تنفيذه بشكل صحيح في Next.js باستخدام `next-intl` و `next-i18next` و `Intlayer`.
 
----
-
 ## لماذا تحسين محركات البحث والتدويل
 
 إضافة لغات ليست مجرد تحسين تجربة المستخدم (UX). إنها أيضًا رافعة قوية لـ **الرؤية العضوية**. وإليك السبب:
@@ -37,8 +35,6 @@ author: aymericzip
 3. **تجربة مستخدم أفضل:** يصل الزوار إلى النسخة الصحيحة من موقعك على الفور.
 4. **ميزة تنافسية:** عدد قليل من المواقع تنفذ تحسين محركات البحث متعدد اللغات بشكل جيد، مما يعني أنه يمكنك التميز.
 
----
-
 ## أفضل الممارسات لتحسين محركات البحث متعدد اللغات في Next.js
 
 إليك قائمة تحقق يجب على كل تطبيق متعدد اللغات تنفيذها:
@@ -57,8 +53,6 @@ author: aymericzip
 
 هذه خطوات بسيطة, لكن تجاهلها قد يكلفك الرؤية.
 
----
-
 ## أمثلة على التنفيذ
 
 غالبًا ما ينسى المطورون الإشارة بشكل صحيح إلى صفحاتهم عبر اللغات، لذا دعونا نرى كيف يعمل هذا عمليًا مع مكتبات مختلفة.
@@ -345,14 +339,10 @@ export default robots;
   </Tab>
 </Tabs>
 
----
-
 ## قم بتدقيق موقعك باستخدام Intlayer SEO Scanner
 
 لضمان تحسين تطبيقك متعدد اللغات بشكل مثالي، نوصي باستخدام [Intlayer SEO Scanner](https://intlayer.org/i18n-seo-scanner). إنها أداة متخصصة لفحص مواقع الويب متعددة اللغات، مما يساعدك على تحديد علامات hreflang المفقودة والروابط المعطلة ومشكلات SEO الأخرى عبر جميع صفحاتك المترجمة.
 
----
-
 ## الخاتمة
 
 تحقيق التدويل (i18n) بشكل صحيح في Next.js لا يقتصر فقط على ترجمة النصوص، بل يتعلق بضمان أن محركات البحث والمستخدمين يعرفون بالضبط أي نسخة من المحتوى يجب عرضها.