@intlayer/docs 9.4.4 → 9.5.0

package/README.md

@@ -69,8 +69,6 @@ With **per-locale content files**, **TypeScript autocompletion**, **tree-shakabl
 | <img src="https://github.com/aymericzip/intlayer/blob/main/docs/assets/interoperability.png?raw=true" alt="Feature" width="700">                    | **Interoperability**<br><br>Allow interoperability with react-i18next, next-i18next, next-intl, react-intl, vue-i18n. <br><br> - [Intlayer and react-intl](https://intlayer.org/blog/intlayer-with-react-intl) <br> - [Intlayer and next-intl](https://intlayer.org/blog/intlayer-with-next-intl) <br> - [Intlayer and next-i18next](https://intlayer.org/blog/intlayer-with-next-i18next) <br> - [Intlayer and vue-i18n](https://intlayer.org/blog/intlayer-with-vue-i18n) <br> - [Intlayer compat adapters](https://intlayer.org/doc/compatibility) |
 | <img src="https://github.com/aymericzip/intlayer/blob/main/docs/assets/benchmark.png?raw=true" alt="Feature" width="700">                           | **Performances & Benchmark**<br><br>Uses advanced tree-shaking and dynamic loading to boost performances and keep the solution as light as possible. <br><br> - [Performances & Benchmark](https://intlayer.org/doc/benchmark)                                                                                                                                                                                                                                                                                                                        |
 
----
-
 ## 📦 Installation
 
 Start your journey with Intlayer today and experience a smoother, more powerful approach to internationalization.

package/blog/ar/hreflang_guide_multilingual_seo.md

@@ -25,8 +25,6 @@ author: aymericzip
 
 الترجمة هي النصف السهل. النصف الصعب هو إخبار محركات البحث أن هذه الصفحات هي **نفس الصفحة بلغة أخرى**، وليست ثلاث وثائق تتنافس مع بعضها البعض. هذا ما يفعله `hreflang`، وهنا حيث تفقد معظم المواقع متعددة اللغات حركة المستخدمين بصمت.
 
----
-
 ## ما هو hreflang فعليًا
 
 تعليق توضيحي على صفحة يقول: _هذا عنوان URL له نسخ معادلة هناك، لتلك اللغات._
@@ -42,8 +40,6 @@ author: aymericzip
 
 من المهم أن تكون واضحًا بشأن ما هو ليس عليه. إنه **ليس إعادة توجيه** — إنها مجرد تلميح، وقد تتجاوزها Google. إنه **ليس تعزيزًا للترتيب** — إنه يغير _أي_ إصدار يحتل مرتبة، وليس _ما إذا كان_ لديك ترتيب. و Bing يتجاهله تمامًا، معتمدًا على `content-language` والاستهداف الجغرافي بدلاً من ذلك.
 
----
-
 ## حيث يتم التصريح به
 
 ثلاثة مواضع، جميعها صحيحة. اختر واحدًا والبث فيه — نفس المجموعة المعلنة في مكانين هو كيف تنجرف المجموعات.
@@ -54,8 +50,6 @@ author: aymericzip
 
 **HTTP `Link` header** هو الخيار الوحيد للملفات غير HTML مثل PDFs.
 
----
-
 ## القواعد
 
 ### المرجع الذاتي والمعاملة بالمثل
@@ -107,8 +101,6 @@ ISO 639-1 للغة، ISO 3166-1 Alpha 2 للمنطقة الاختيارية: `fr
 
 شيئان يجب الفصل بينهما: `x-default` هو إدخال إضافي واحد في المجموعة، وليس استبدالاً للإدخال الذي يشير إلى نفسه، وكما هو الحال مع كل إدخال آخر، يجب أن يظهر بشكل متطابق على كل صفحة في المجموعة.
 
----
-
 ## فخ canonical
 
 يجب أن تكون كل صفحة محلية **canonical خاصة بها**:
@@ -131,8 +123,6 @@ ISO 639-1 للغة، ISO 3166-1 Alpha 2 للمنطقة الاختيارية: `fr
 
 **القانوني ذاتي المرجعية لكل لغة. `hreflang` يصف المجموعة.**
 
----
-
 ## اختيار هيكل العنوان
 
 `hreflang` يشرح العناوين، لذا يأتي الهيكل أولاً.
@@ -149,14 +139,11 @@ ISO 639-1 للغة، ISO 3166-1 Alpha 2 للمنطقة الاختيارية: `fr
 
 > يغطي Intlayer جميع الثلاثة من خلال `routing.mode` و `routing.domains`. انظر [النطاقات المخصصة](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ar/custom_domains.md) و[مرجع التكوين](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ar/configuration.md).
 
----
-
 ## التنفيذ
 
 كتابة هذه الوسوم يدويًا لا تستمر عند التعامل مع لغة ثانية. استخرجها من قائمة اللغات الخاصة بك بدلاً من ذلك.
 
 <Steps>
-
 <Step number={1} title="بث الكتلة على كل صفحة">
 
 نفس المجموعة في كل مكان، canonical لكل لغة، URLs مطلقة، `x-default` مضمنة.
@@ -248,7 +235,6 @@ export const Route = createFileRoute("/{-$locale}/about")({
 </Tabs>
 
 </Step>
-
 <Step number={2} title="أو انقله كله إلى خريطة الموقع">
 
 على نطاق واسع، احذف التعليقات من صفحاتك تماماً. يُصدر `generateSitemap` بدائل `xhtml:link` لكل إدخال، بقراءة اللغات وطريقة التوجيه من config الخاص بك:
@@ -271,7 +257,6 @@ const sitemap = generateSitemap(
 - `entryPerLocale` (default `false`) — بشكل افتراضي، يحمل إدخال `<url>` واحد جميع البدائل. كلا النموذجين صحيح، لكن فقط عنوان URL المدرج كـ `<loc>` يُعتبر _مُرسلاً_ في Search Console؛ تبقى المناطق البديلة فقط قابلة للاكتشاف لكنها لا تُنسب إلى خريطة الموقع. تفعيل هذا يعطي كل عنوان URL محلّي إدخاله الخاص به مع تكرار مجموعة البدائل الكاملة. يضاعف الإدخالات حسب عدد المناطق، لذا راقب حد 50000 عنوان URL / 50 ميجابايت وقسّم إلى فهرس خريطة الموقع بعده.
 
 </Step>
-
 <Step number={3} title="تحقق مما يتلقاه الزاحف">
 
 `hreflang` يفشل بصمت، لذا تحقق منه بدلاً من افتراضه.
@@ -284,8 +269,6 @@ const sitemap = generateSitemap(
 
 </Steps>
 
----
-
 ## قائمة التحقق
 
 - [ ] كل لغة لها عنوان URL مختلف وقابل للزحف
@@ -299,8 +282,6 @@ const sitemap = generateSitemap(
 - [ ] معلن في مكان واحد بالضبط
 - [ ] لا توجد عمليات إعادة توجيه بديلة
 
----
-
 ## الخلاصة
 
 `hreflang` بسيط وغير متسامح. علامة إرجاع واحدة مفقودة، أو عنوان URL نسبي واحد، أو canonical عابر للغات، والمجموعة بأكملها سيتم التخلص منها دون أي رسالة خطأ في أي مكان. كل واحد من هذه يأتي من كتابة العلامات يدويًا.

package/blog/ar/i18n_meaning.md

@@ -92,8 +92,6 @@ author: aymericzip
 - **جرد جميع النصوص المواجهة للمستخدم:** تأكد من عدم وجود نصوص مكتوبة مباشرة في مكونات واجهة المستخدم الخاصة بك.
 - **استخدم نظام إدارة ترجمة قوي:** أدوات مثل **Intlayer** تسد الفجوة بين المطورين والمترجمين. يعمل Intlayer كـ CMS بدون رأس مدمج تمامًا مع قاعدة الكود الخاصة بك، مما يسمح لمديري المحتوى بتحديث الترجمات مرئيًا دون مطالبة المطور بتشغيل بناء جديد.
 
----
-
 ### عرض قائمة مكتبات وأدوات i18n لكل تكنولوجيا
 
 إذا كنت تبحث عن قائمة بمكتبات وأدوات i18n لكل تكنولوجيا، فراجع الموارد التالية:
@@ -112,8 +110,6 @@ author: aymericzip
 - سفيلت: [عرض قائمة مكتبات وأدوات i18n](https://github.com/aymericzip/intlayer/blob/main/docs/blog/ar/list_i18n_technologies/frameworks/svelte.md)
 - ريأكت نيتيف: [عرض قائمة مكتبات وأدوات i18n](https://github.com/aymericzip/intlayer/blob/main/docs/blog/ar/list_i18n_technologies/frameworks/react-native.md)
 
----
-
 ## الخاتمة
 
 **معنى i18n** هو مفهوم أساسي لأي عمل رقمي حديث يهدف إلى التأثير العالمي. بعيدًا عن كونه مجرد اختصار تقني غريب لـ "التدويل"، يمثل i18n الهندسة المعمارية التقنية المطلوبة لتكييف برامجك بسلاسة مع لغات وثقافات ومعايير إقليمية متنوعة.

package/blog/ar/i18n_using_next-i18next.md

@@ -71,8 +71,6 @@ author: aymericzip
 
 > راجع وثيقتنا التي تسرد كل ما تحتاج لمعرفته حول التدويل وتحسين محركات البحث: [التدويل (i18n) مع next-intl](https://github.com/aymericzip/intlayer/blob/main/docs/blog/ar/internationalization_and_SEO.md).
 
----
-
 ## دليل خطوة بخطوة لإعداد i18next في تطبيق Next.js
 
 <iframe
@@ -119,7 +117,6 @@ author: aymericzip
 ```
 
 <Steps>
-
 <Step number={1} title="تثبيت التبعيات">
 
 قم بتثبيت الحزم اللازمة باستخدام npm:
@@ -141,7 +138,6 @@ yarn add i18next react-i18next i18next-resources-to-backend
 - **i18next-resources-to-backend**: إضافة تتيح التحميل الديناميكي لملفات الترجمة، مما يسمح لك بتحميل مساحات الأسماء التي تحتاجها فقط.
 
 </Step>
-
 <Step number={2} title="تكوين مشروعك">
 
 قم بإنشاء ملف تكوين لتعريف اللغات المدعومة، اللغة الافتراضية، ودوال المساعدة لتوطين عناوين URL. يعمل هذا الملف كمصدر وحيد للحقيقة لإعداد i18n الخاص بك ويضمن سلامة الأنواع في جميع أنحاء تطبيقك.
@@ -198,7 +194,6 @@ export function getCookie(locale: Locale) {
 ```
 
 </Step>
-
 <Step number={3} title="مركزية مساحات أسماء الترجمة">
 
 قم بإنشاء مصدر واحد للحقيقة لكل مساحة أسماء (namespace) تعرضها تطبيقك. إعادة استخدام هذه القائمة يحافظ على تزامن كود الخادم والعميل وأدوات التطوير ويفتح إمكانية التحقق القوي من نوع المفاتيح الخاصة بالمترجمين.
@@ -210,7 +205,6 @@ export type Namespace = (typeof namespaces)[number];
 ```
 
 </Step>
-
 <Step number={4} title="تعيين نوع قوي لمفاتيح الترجمة باستخدام TypeScript">
 
 قم بتعزيز `i18next` للإشارة إلى ملفات اللغة الرسمية الخاصة بك (عادةً الإنجليزية). يقوم TypeScript بعد ذلك باستنتاج المفاتيح الصحيحة لكل مساحة أسماء، بحيث يتم التحقق من استدعاءات `t()` بشكل كامل.
@@ -250,7 +244,6 @@ export type AboutTranslator = TFunction<"about">;
 ```
 
 </Step>
-
 <Step number={5} title="إعداد تهيئة i18n على جانب الخادم">
 
 قم بإنشاء دالة تهيئة على جانب الخادم تقوم بتحميل الترجمات لمكونات الخادم. تنشئ هذه الدالة نسخة منفصلة من i18next للعرض على جانب الخادم، مما يضمن تحميل الترجمات قبل العرض.
@@ -307,7 +300,6 @@ export async function initI18next(
 ```
 
 </Step>
-
 <Step number={6} title="إنشاء مزود i18n على جانب العميل">
 
 قم بإنشاء مزود مكون للعميل يلف تطبيقك بسياق i18next. يستقبل هذا المزود الترجمات المحملة مسبقًا من الخادم لمنع وميض المحتوى غير المترجم (FOUC) وتجنب جلب البيانات المكرر.
@@ -392,7 +384,6 @@ export default function I18nProvider({
 ```
 
 </Step>
-
 <Step number={7} title="تعريف مسارات اللغات الديناميكية">
 
 قم بإعداد التوجيه الديناميكي للغات عن طريق إنشاء مجلد `[locale]` في مجلد التطبيق الخاص بك. هذا يسمح لـ Next.js بالتعامل مع التوجيه بناءً على اللغة حيث تصبح كل لغة جزءًا من عنوان URL (مثل `/en/about`، `/fr/about`).
@@ -446,7 +437,6 @@ export default function LocaleLayout({
 ```
 
 </Step>
-
 <Step number={8} title="إنشاء ملفات الترجمة الخاصة بك">
 
 قم بإنشاء ملفات JSON لكل لغة ومساحة أسماء. تتيح لك هذه البنية تنظيم الترجمات بشكل منطقي وتحميل ما تحتاجه فقط لكل صفحة.
@@ -541,7 +531,6 @@ export default function LocaleLayout({
 </Tabs>
 
 </Step>
-
 <Step number={9} title="استخدام الترجمات في صفحاتك">
 
 قم بإنشاء مكون صفحة يقوم بتهيئة i18next على الخادم ويمرر الترجمات إلى مكونات الخادم والعميل على حد سواء. هذا يضمن تحميل الترجمات قبل العرض ويمنع وميض المحتوى.
@@ -603,7 +592,6 @@ export default async function AboutPage({
 ```
 
 </Step>
-
 <Step number={10} title="استخدام الترجمات في مكونات العميل">
 
 يمكن لمكونات العميل استخدام الخطاف `useTranslation` للوصول إلى الترجمات. يوفر هذا الخطاف الوصول إلى دالة الترجمة ومثيل i18n، مما يتيح لك ترجمة المحتوى والوصول إلى معلومات اللغة.
@@ -656,7 +644,6 @@ export default ClientComponent;
 ```
 
 </Step>
-
 <Step number={11} title="استخدام الترجمات في مكونات الخادم">
 
 لا يمكن لمكونات الخادم استخدام React hooks، لذلك تستقبل الترجمات عبر props من مكونات الوالد الخاصة بها. هذه الطريقة تحافظ على تزامن مكونات الخادم وتسمح بتضمينها داخل مكونات العميل.
@@ -704,7 +691,6 @@ export default ServerComponent;
 ```
 
 </Step>
-
 <Step number={12} title="تغيير لغة المحتوى الخاص بك" isOptional={true}>
 
 لتغيير لغة المحتوى الخاص بك في Next.js، الطريقة الموصى بها هي استخدام عناوين URL التي تحتوي على بادئة locale وروابط Next.js. المثال أدناه يقرأ locale الحالي من المسار، ويزيله من اسم المسار، ويعرض رابطًا واحدًا لكل locale متاح.
@@ -778,7 +764,6 @@ export default function LocaleSwitcher() {
 ```
 
 </Step>
-
 <Step number={13} title="بناء مكون رابط محلي" isOptional={true}>
 
 إعادة استخدام عناوين URL المحلية عبر تطبيقك يحافظ على اتساق التنقل وصديق لمحركات البحث (SEO). قم بتغليف `next/link` في مساعد صغير يضيف بادئة للمسارات الداخلية باستخدام اللغة النشطة مع ترك عناوين URL الخارجية بدون تغيير.
@@ -831,7 +816,6 @@ export default function LocalizedLink({
 > نصيحة: نظرًا لأن `LocalizedLink` هو بديل جاهز، قم بالترحيل تدريجيًا عن طريق تبديل الاستيرادات وترك المكون يتعامل مع عناوين URL الخاصة باللغات.
 
 </Step>
-
 <Step number={14} title="الوصول إلى اللغة النشطة داخل Server Actions" isOptional={true}>
 
 غالبًا ما تحتاج Server Actions إلى اللغة الحالية للبريد الإلكتروني أو التسجيل أو التكامل مع أطراف ثالثة. قم بدمج ملف تعريف الارتباط الخاص باللغة الذي يحدده البروكسي الخاص بك مع رأس `Accept-Language` كخيار احتياطي.
@@ -871,7 +855,6 @@ export async function stuffFromServer(formData: FormData) {
 > نظرًا لأن المساعد يعتمد على ملفات تعريف الارتباط (cookies) ورؤوس (headers) Next.js، فإنه يعمل في معالجات المسارات (Route Handlers)، والإجراءات الخادمة (Server Actions)، وسياقات الخادم فقط الأخرى.
 
 </Step>
-
 <Step number={15} title="تدويل بيانات التعريف الخاصة بك" isOptional={true}>
 
 ترجمة المحتوى أمر مهم، لكن الهدف الرئيسي من التدويل هو جعل موقعك الإلكتروني أكثر ظهورًا للعالم. التدويل (I18n) هو رافعة مذهلة لتحسين ظهور موقعك الإلكتروني من خلال تحسين محركات البحث (SEO) بشكل صحيح.
@@ -940,7 +923,6 @@ export default async function AboutPage() {
 ```
 
 </Step>
-
 <Step number={16} title="تعريب خريطة الموقع الخاصة بك" isOptional={true}>
 
 قم بإنشاء خريطة موقع تتضمن جميع إصدارات اللغات لصفحاتك. هذا يساعد محركات البحث على اكتشاف وفهرسة جميع إصدارات اللغات لمحتواك.
@@ -996,7 +978,6 @@ export default function sitemap(): MetadataRoute.Sitemap {
 ```
 
 </Step>
-
 <Step number={17} title="تعريب ملف robots.txt الخاص بك" isOptional={true}>
 
 قم بإنشاء ملف robots.txt يتعامل بشكل صحيح مع جميع إصدارات اللغات لمساراتك المحمية. هذا يضمن أن محركات البحث لا تقوم بفهرسة صفحات المسؤول أو لوحة التحكم بأي لغة.
@@ -1029,7 +1010,6 @@ export default function robots(): MetadataRoute.Robots {
 ```
 
 </Step>
-
 <Step number={18} title="إعداد Middleware لتوجيه اللغة" isOptional={true}>
 
 قم بإنشاء وكيل (proxy) لاكتشاف اللغة المفضلة للمستخدم تلقائيًا وإعادة توجيهه إلى عنوان URL مع بادئة اللغة المناسبة. هذا يحسن تجربة المستخدم من خلال عرض المحتوى بلغته المفضلة.
@@ -1120,7 +1100,6 @@ export const config = {
 ```
 
 </Step>
-
 <Step number={19} title="أتمتة ترجماتك باستخدام Intlayer" isOptional={true}>
 
 Intlayer هي مكتبة **مجانية** و**مفتوحة المصدر** مصممة لمساعدتك في عملية التوطين في تطبيقك. بينما يتولى i18next تحميل الترجمات وإدارتها، يساعد Intlayer في أتمتة سير عمل الترجمة.

package/blog/ar/i18n_using_next-intl.md

@@ -65,8 +65,6 @@ author: aymericzip
 
 > راجع وثيقتنا التي تسرد كل ما تحتاج لمعرفته حول التعريب وتحسين محركات البحث: [التعريب (i18n) مع next-intl](https://github.com/aymericzip/intlayer/blob/main/docs/blog/ar/internationalization_and_SEO.md).
 
----
-
 ## دليل خطوة بخطوة لإعداد next-intl في تطبيق Next.js
 
 <iframe  
@@ -112,7 +110,6 @@ author: aymericzip
 ```
 
 <Steps>
-
 <Step number={1} title="تثبيت التبعيات">
 
 قم بتثبيت الحزم اللازمة باستخدام npm:
@@ -132,7 +129,6 @@ yarn add next-intl
 - **next-intl**: مكتبة التدويل الأساسية لـ Next.js App Router التي توفر الخطافات، وظائف الخادم، ومزودي العميل لإدارة الترجمات.
 
 </Step>
-
 <Step number={2} title="تكوين مشروعك">
 
 قم بإنشاء ملف تكوين يحدد اللغات المدعومة لديك ويضبط إعدادات طلب next-intl. يعمل هذا الملف كمصدر وحيد للحقيقة لإعداد i18n الخاص بك ويضمن سلامة الأنواع عبر تطبيقك.
@@ -219,7 +215,6 @@ export const proxy = createMiddleware(routingOptions);
 ```
 
 </Step>
-
 <Step number={3} title="تعريف مسارات اللغات الديناميكية">
 
 قم بإعداد التوجيه الديناميكي للغات من خلال إنشاء مجلد `[locale]` داخل مجلد التطبيق الخاص بك. يتيح هذا لـ Next.js التعامل مع التوجيه بناءً على اللغة حيث يصبح كل لغة جزءًا من عنوان URL (مثل `/en/about`، `/fr/about`).
@@ -309,7 +304,6 @@ export default async function AboutPage({
 ```
 
 </Step>
-
 <Step number={4} title="إنشاء ملفات الترجمة الخاصة بك">
 
 قم بإنشاء ملفات JSON لكل لغة ومساحة أسماء. تتيح لك هذه البنية تنظيم الترجمات بشكل منطقي وتحميل ما تحتاجه فقط لكل صفحة.
@@ -371,7 +365,6 @@ export default async function AboutPage({
 </Tabs>
 
 </Step>
-
 <Step number={5} title="استخدام الترجمات في صفحاتك">
 
 قم بإنشاء مكون صفحة يقوم بتحميل الترجمات على الخادم ويمررها إلى مكونات الخادم والعميل على حد سواء. هذا يضمن تحميل الترجمات قبل العرض ويمنع وميض المحتوى.
@@ -424,7 +417,6 @@ export default async function AboutPage({
 ```
 
 </Step>
-
 <Step number={6} title="استخدام الترجمات في مكونات العميل">
 
 يمكن لمكونات العميل استخدام الخطافات `useTranslations` و `useFormatter` للوصول إلى الترجمات ووظائف التنسيق. هذه الخطافات تقرأ من سياق `NextIntlClientProvider`.
@@ -462,7 +454,6 @@ const ClientComponent = () => {
 ```
 
 </Step>
-
 <Step number={7} title="استخدام الترجمات في مكونات الخادم">
 
 لا يمكن لمكونات الخادم استخدام React hooks، لذا فإنها تستقبل الترجمات وأدوات التنسيق عبر props من مكونات الوالد الخاصة بها. هذه الطريقة تحافظ على تزامن مكونات الخادم وتسمح بتضمينها داخل مكونات العميل.
@@ -496,7 +487,6 @@ const ServerComponent = ({
 > في صفحتك/التخطيط، استخدم `getTranslations` و `getFormatter` من `next-intl/server` لحساب الترجمات والتنسيقات مسبقًا، ثم مررها كخصائص إلى مكونات الخادم.
 
 </Step>
-
 <Step number={8} title="تغيير لغة المحتوى الخاص بك" isOptional={true}>
 
 لتغيير لغة المحتوى الخاص بك باستخدام next-intl، قم بعرض روابط تدرك اللغة تشير إلى نفس مسار الصفحة مع تبديل اللغة. يقوم المزود بإعادة كتابة عناوين URL تلقائيًا، لذلك عليك فقط استهداف المسار الحالي.
@@ -570,7 +560,6 @@ export default function LocaleSwitcher() {
 ```
 
 </Step>
-
 <Step number={9} title="استخدام مكون الرابط المحلي" isOptional={true}>
 
 يوفر `next-intl` حزمة فرعية `next-intl/navigation` تحتوي على مكون رابط محلي يقوم تلقائيًا بتطبيق اللغة النشطة. لقد قمنا باستخراجه لك بالفعل في ملف `@/i18n`، لذا يمكنك استخدامه كما يلي:
@@ -582,7 +571,6 @@ return <Link href="/about">t("about.title")</Link>;
 ```
 
 </Step>
-
 <Step number={10} title="الوصول إلى اللغة النشطة داخل Server Actions" isOptional={true}>
 
 يمكن لـ Server Actions قراءة اللغة الحالية باستخدام `next-intl/server`. هذا مفيد لإرسال رسائل بريد إلكتروني محلية أو تخزين تفضيلات اللغة جنبًا إلى جنب مع البيانات المقدمة.
@@ -607,7 +595,6 @@ export async function handleContactForm(formData: FormData) {
 > `getLocale` يقرأ اللغة التي تم تعيينها بواسطة وكيل `next-intl`، لذا فهو يعمل في أي مكان على الخادم: معالجات المسارات، إجراءات الخادم، ودوال الحافة.
 
 </Step>
-
 <Step number={11} title="تعريب بيانات التعريف الخاصة بك" isOptional={true}>
 
 ترجمة المحتوى أمر مهم، لكن الهدف الرئيسي من التدويل هو جعل موقعك الإلكتروني أكثر ظهورًا للعالم. التدويل (I18n) هو أداة قوية لتحسين ظهور موقعك الإلكتروني من خلال تحسين محركات البحث (SEO) بشكل صحيح.
@@ -648,7 +635,6 @@ export async function generateMetadata({
 ```
 
 </Step>
-
 <Step number={12} title="تعريب خريطة الموقع الخاصة بك" isOptional={true}>
 
 قم بإنشاء خريطة موقع تتضمن جميع إصدارات اللغات المختلفة لصفحاتك. يساعد هذا محركات البحث على اكتشاف وفهرسة جميع إصدارات اللغات لمحتواك.
@@ -704,7 +690,6 @@ export default function sitemap(): MetadataRoute.Sitemap {
 ```
 
 </Step>
-
 <Step number={13} title="تعريب ملف robots.txt الخاص بك" isOptional={true}>
 
 قم بإنشاء ملف robots.txt يتعامل بشكل صحيح مع جميع إصدارات اللغات لمساراتك المحمية. هذا يضمن أن محركات البحث لا تقوم بفهرسة صفحات الإدارة أو لوحة التحكم بأي لغة.
@@ -739,7 +724,6 @@ export default function robots(): MetadataRoute.Robots {
 ```
 
 </Step>
-
 <Step number={14} title="إعداد Proxy لتوجيه اللغة" isOptional={true}>
 
 قم بإنشاء Proxy لاكتشاف اللغة المفضلة للمستخدم تلقائيًا وإعادة توجيهه إلى عنوان URL المناسب مع بادئة اللغة. توفر مكتبة next-intl دالة Proxy مريحة تتولى هذا الأمر تلقائيًا.
@@ -761,7 +745,6 @@ export const config = {
 ```
 
 </Step>
-
 <Step number={15} title="إعداد أنواع TypeScript للغة" isOptional={true}>
 
 سيساعدك إعداد TypeScript في الحصول على الإكمال التلقائي وضمان سلامة الأنواع لمفاتيحك.
@@ -789,7 +772,6 @@ declare module "next-intl" {
 سيستخدم هذا الكود Module Augmentation لإضافة اللغات والرسائل إلى نوع AppConfig الخاص بـ next-intl.
 
 </Step>
-
 <Step number={16} title="أتمتة ترجماتك باستخدام Intlayer" isOptional={true}>
 
 Intlayer هي مكتبة **مجانية** و**مفتوحة المصدر** مصممة لمساعدتك في عملية التوطين في تطبيقك. بينما يتولى next-intl تحميل الترجمات وإدارتها، يساعد Intlayer في أتمتة سير عمل الترجمة.

package/blog/ar/index.md

@@ -20,8 +20,6 @@ author: aymericzip
 
 مرحبًا بك في مدونتنا المخصصة لكل ما يتعلق بـ **التدويل** لتطبيقات JavaScript! هنا، نستكشف أفضل الممارسات والاستراتيجيات والأدوات لمساعدة المطورين في توسيع منتجاتهم الرقمية عبر العالم.
 
----
-
 ## لماذا يعتبر التدويل (i18n) مهمًا
 
 في عالم اليوم المتصل، يتوقع المستخدمون تجارب محلية سلسة. يضمن التدويل (i18n) أن تطبيق الويب الخاص بك يمكنه التكيف مع لغات مختلفة وفروق ثقافية. من خلال دمج ممارسات i18n من البداية، يمكنك فتح العديد من الفوائد، مثل:
@@ -31,8 +29,6 @@ author: aymericzip
 3. **تحسين الوصول:** غالباً ما يتماشى هيكل i18n الجيد مع معايير الوصول، مما يجعل تطبيقك أكثر شمولية.
 4. **أداء أفضل لمحركات البحث:** يمكن أن يعزز المحتوى المحلي رؤيتك في نتائج البحث المحددة حسب المنطقة.
 
----
-
 ## حلول التدويل مفتوحة المصدر
 
 لا يجب أن يكون بناء تطبيق دولي معقدًا. يوفر المجتمع مفتوح المصدر العديد من الأدوات والمكتبات القوية والمُدعمة بشكل جيد التي تجعل التوطين أكثر بساطة. الحلول الشائعة مثل **react-intl** و **i18next** و **FormatJS** تقدم واجهات برمجة تطبيقات مرنة ودمج سهل مع أطر JavaScript الحديثة مثل React و Vue و Angular.
@@ -43,8 +39,6 @@ author: aymericzip
 - **توفير التكاليف:** لا توجد رسوم ترخيص، مما يجعل من السهل اختبار أو توسيع تطبيقك.
 - **دعم المجتمع:** غالباً ما تعني المجتمعات الكبيرة المزيد من الدروس التعليمية والتوثيق والمكونات الإضافية الجاهزة.
 
----
-
 ## الإعلانات وما هو قادم
 
 نحن متحمسون للإعلان عن دروس قادمة، وأفضل الممارسات، و **دراسات الحالة** حول كيفية تحسين تطبيقات JavaScript الخاصة بك للجماهير العالمية. إليك لمحة سريعة:
@@ -55,8 +49,6 @@ author: aymericzip
 
 تابعونا للحصول على هذه التحديثات والمزيد!
 
----
-
 ## ساهم في مدونتنا!
 
 نحن نؤمن بمشاركة المعرفة المستندة إلى المجتمع. إذا كانت لديك فكرة رائعة لمقال مدونة تتعلق بالتدويل، أو **تحسين محركات البحث**، أو أي موضوع ذي صلة آخر، نحب أن نسمع منك. يمكنك تقديم طلب سحب من خلال إضافة مقالك المقترح إلى مستودع GitHub الخاص بنا:
@@ -65,6 +57,4 @@ author: aymericzip
 
 تساعد مساهماتك في إثراء هذه المنصة وتمكين المطورين في جميع أنحاء العالم. دعونا نبني مجتمعًا من التطبيقات العالمية أولاً, معًا.
 
----
-
 **شكرًا لقراءة، ومرحبا بك في مجتمعنا الخاص بالتدويل!** تابعونا للحصول على المزيد من الرؤى والنصائح وأفضل الممارسات حول كيفية تحقيق النجاح الدولي لتطبيقات JavaScript الخاصة بك.

package/blog/ar/internationalization_and_SEO.md

@@ -21,16 +21,12 @@ author: aymericzip
 
 هل تريد الوصول إلى المزيد من المستخدمين في جميع أنحاء العالم؟ إن جعل موقع الويب الخاص بك متعدد اللغات هو واحد من أفضل الطرق لتوسيع جمهورك وتحسين محركات البحث الخاصة بك (تحسين محركات البحث). في هذه التدوينة، سنقوم بشرح أساسيات تحسين محركات البحث الدولية - التي يُشار إليها غالبًا باسم **i18n** (اختصارًا لـ "الدولية") - بعبارات واضحة ومفهومة. ستتعلم عن القرارات الرئيسية التي تحتاج إلى اتخاذها، وكيفية استخدام العناصر التقنية مثل `hreflang`، ولماذا يمكن أن تسهل أدوات مثل **Intlayer** مشاريعك متعددة اللغات في Next.js.
 
----
-
 ## 1. ماذا يعني جعل موقع الويب الخاص بك متعدد اللغات؟
 
 موقع الويب متعدد اللغات يقدم محتواه بأكثر من لغة واحدة. على سبيل المثال، قد يكون لديك نسخة باللغة الإنجليزية (`example.com/en/`)، ونسخة باللغة الفرنسية (`example.com/fr/`)، ونسخة باللغة الإسبانية (`example.com/es/`). تسمح هذه الطريقة لمحركات البحث بعرض النسخة الصحيحة بلغة معينة للمستخدمين بناءً على تفضيلاتهم أو مواقعهم الجغرافية.
 
 عندما تقوم بذلك بشكل صحيح، ستخلق تجربة أكثر ملاءمة للمستخدمين غير الناطقين باللغة الإنجليزية - مما يؤدي إلى تحسين التفاعل، وزيادة معدلات التحويل، وتحسين محركات البحث في مناطق مختلفة.
 
----
-
 ## 2. اختيار هيكل عنوان URL الصحيح
 
 إذا قررت أن يكون لديك نسخ متعددة للغة، ستحتاج إلى وسيلة واضحة ومتسقة لتنظيم عناوين URL الخاصة بموقعك. يجب أن يكون لكل لغة (أو منطقة) "عنوان" فريد خاص بها على الإنترنت. وفيما يلي ثلاث طرق شائعة لهيكلة المواقع متعددة اللغات:
@@ -52,8 +48,6 @@ author: aymericzip
 
 > **نصيحة:** إذا كان لديك علامة تجارية عالمية وترغب في تقليل التعقيدات، تعمل الدلائل الفرعية غالبًا بشكل أفضل. إذا كنت تستهدف دولة أو دولتين رئيسيتين فقط وترغب في إبراز كل منهما، فقد تكون ccTLDs هي الطريق المناسب.
 
----
-
 ## 3. إتقان استهداف اللغة مع Hreflang
 
 ### 3.1. ما هو Hreflang؟
@@ -100,8 +94,6 @@ author: aymericzip
 
 > **ملاحظة سريعة:** تأكد من أن عناوين URL في هذه العلامات تشير مباشرة إلى الصفحة النهائية، مع **عدم** وجود أي إعادة توجيه إضافية.
 
----
-
 ## 4. جعل المحتوى "محليًا" حقًا (ليس مجرد ترجمة)
 
 ### 4.1. التوطين مقابل الترجمة
@@ -132,8 +124,6 @@ author: aymericzip
 
 حتى مع الترجمة الجيدة، يمكن أن ترفع محركات البحث إنذارات لموقعك بسبب المحتوى المكرر إذا كان يشبه هيكله بشكل كبير. يساعد Hreflang في توضيح أن هذه الصفحات ليست مكررة ولكنها مجرد إصدارات لغوية.
 
----
-
 ## 5. المتطلبات الأساسية لتحسين محركات البحث التقنية
 
 ### 5.1. إعلانات اللغة (`lang` و`dir`)
@@ -162,8 +152,6 @@ author: aymericzip
 <link rel="canonical" href="https://example.com/fr/produits" />
 ```
 
----
-
 ## 6. تحسين محركات البحث على الصفحات بلغات متعددة
 
 ### 6.1. العناوين ووصف الميتا
@@ -180,8 +168,6 @@ author: aymericzip
 - محليًا نصوص alt، والتعليقات التوضيحية، وأسماء الملفات إذا لزم الأمر.
 - استخدم الصور التي تتناغم مع الثقافة المستهدفة.
 
----
-
 ## 7. تغيير اللغة وتجربة المستخدم
 
 ### 7.1. إعادة التوجيه التلقائي أو مُحدد اللغة؟
@@ -261,8 +247,6 @@ const LocaleSwitcher: FC = () => {
 - احفظ خيار لغة المستخدم في **ملف تعريف الارتباط** أو **الجلسة**.
 - في المرة القادمة التي يزور فيها المستخدم موقعك، يمكنك تحميل لغته المفضلة تلقائيًا.
 
----
-
 ## 8. بناء روابط محلية
 
 تظل **الروابط الخلفية** (الروابط من المواقع الخارجية إلى موقعك) عاملاً مهمًا في تحسين محركات البحث. عندما تقوم بتشغيل موقع متعدد اللغات، فكر في:
@@ -270,8 +254,6 @@ const LocaleSwitcher: FC = () => {
 - الوصول إلى مواقع الأخبار المحلية، المدونات، أو المنتديات. على سبيل المثال، انقر على نطاق `.fr` الذي يشير إلى الدليل الفرعي الفرنسي يمكن أن يعزز تحسين محركات البحث المحلية الفرنسية.
 - مراقبة الروابط الخلفية لكل لغة لمعرفة المناطق التي تحتاج لمزيد من جهود العلاقات العامة/التسويق.
 
----
-
 ## 9. مراقبة وصيانة موقعك متعدد اللغات
 
 ### 9.1. Google Analytics وSearch Console
@@ -284,8 +266,6 @@ const LocaleSwitcher: FC = () => {
 - حافظ على ترجمة العروض جديدة. إذا قمت بتغيير وصف منتج باللغة الإنجليزية، قم بتحديثه باللغة الفرنسية، الإسبانية، إلخ.
 - يمكن أن تكون الترجمات القديمة مربكة للعملاء وتؤثر على ثقتهم بالمستخدمين.
 
----
-
 ## 10. العقبات الشائعة التي يجب تجنبها
 
 1. **المحتوى المترجم آليًا**
@@ -300,14 +280,10 @@ const LocaleSwitcher: FC = () => {
 4. **تجاهل الفروق الثقافية**
    قد تكون نكتة أو عبارة تعمل في دولة واحدة مسيئة أو بدون معنى في دولة أخرى.
 
----
-
 ## قم بتدقيق موقعك باستخدام Intlayer SEO Scanner
 
 لضمان تحسين تطبيقك متعدد اللغات بشكل مثالي، نوصي باستخدام [Intlayer SEO Scanner](https://intlayer.org/i18n-seo-scanner). إنها أداة متخصصة لفحص مواقع الويب متعددة اللغات، مما يساعدك على تحديد علامات hreflang المفقودة والروابط المعطلة ومشكلات SEO الأخرى عبر جميع صفحاتك المترجمة.
 
----
-
 ## الخاتمة
 
 يتطلب جعل موقع الويب الخاص بك متعدد اللغات أكثر من مجرد ترجمة النص. إنها تتعلق بهيكلة عناوين URL بشكل فعال، واستخدام علامات `hreflang` لمساعدة محركات البحث في تقديم النسخة الصحيحة، وتوفير تجربة ممتازة للمستخدم - كاملة مع المرئيات المحلية، ومحددات اللغة، وتنقل متسق. ستمكنك اتباع هذه الممارسات الجيدة من النجاح في الأسواق العالمية، وتعزيز رضا المستخدمين، وفي النهاية، تقديم نتائج أفضل لتحسين محركات البحث عبر المناطق.

package/blog/ar/intlayer_with_i18next.md

@@ -64,7 +64,6 @@ author: aymericzip
 ## دليل خطوة بخطوة لإعداد Intlayer مع i18next
 
 <Steps>
-
 <Step number={1} title="تثبيت التبعيات">
 
 قم بتثبيت الحزم اللازمة:
@@ -111,7 +110,6 @@ bun add intlayer @intlayer/sync-json-plugin --dev
 - **@intlayer/sync-json-plugin**: مكون إضافي لتصدير إعلانات محتوى Intlayer إلى صيغة JSON المتوافقة مع i18next
 
 </Step>
-
 <Step number={2} title="تنفيذ مكون Intlayer الإضافي لتغليف JSON">
 
 قم بإنشاء ملف تكوين Intlayer لتعريف اللغات المدعومة:
@@ -149,7 +147,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_next-i18next.md

@@ -52,12 +52,9 @@ author: aymericzip
 
 يوضح هذا الدليل كيفية الاستفادة من نظام إعلان المحتوى المتفوق في Intlayer مع الحفاظ على التوافق مع next-i18next.
 
----
-
 ## دليل خطوة بخطوة لإعداد Intlayer مع next-i18next
 
 <Steps>
-
 <Step number={1} title="تثبيت التبعيات">
 
 قم بتثبيت الحزم اللازمة باستخدام مدير الحزم المفضل لديك:
@@ -104,7 +101,6 @@ bun add intlayer @intlayer/sync-json-plugin --dev
 - **@intlayer/sync-json-plugin**: الإضافة لمزامنة إعلانات محتوى Intlayer إلى صيغة JSON الخاصة بـ i18next
 
 </Step>
-
 <Step number={2} title="تنفيذ إضافة Intlayer لتغليف JSON">
 
 قم بإنشاء ملف تكوين Intlayer لتعريف اللغات المدعومة لديك:
@@ -142,7 +138,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_next-intl.md

@@ -58,7 +58,6 @@ author: aymericzip
 ## دليل خطوة بخطوة لإعداد Intlayer مع next-intl
 
 <Steps>
-
 <Step number={1} title="تثبيت التبعيات">
 
 قم بتثبيت الحزم اللازمة:
@@ -105,7 +104,6 @@ bun add intlayer @intlayer/sync-json-plugin --dev
 - **@intlayer/sync-json-plugin**: إضافة لتصدير إعلانات محتوى Intlayer إلى صيغة JSON متوافقة مع next-intl
 
 </Step>
-
 <Step number={2} title="تنفيذ إضافة Intlayer لتغليف JSON">
 
 قم بإنشاء ملف تكوين Intlayer لتعريف اللغات المدعومة لديك:
@@ -144,7 +142,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 مخصصة لكل مكون في أي مكان في قاعدة الشيفرة الخاصة بك.