موقع ثلاثي اللغات fr/en/ar مع Next.js: التحدي الحقيقي ليس الترجمة بل الكتابة من اليمين إلى اليسار
جعل موقع ثلاثي اللغات فرنسية / إنجليزية / عربية مع Next.js: التحدي الحقيقي ليس الترجمة، بل RTL. 🌍
في هذا الموقع أردت تقديم اللغات الثلاث، بما في ذلك سيرة ذاتية قابلة للتنزيل. دروس الورشة:
- 1️⃣ توجيه i18n في Next.js يضع أسسًا سليمة: لغة لكل رابط (
/fr،/en،/ar)، واكتشاف اللغة، وSEO نظيف بوسوم hreflang. - 2️⃣ العربية تُكتب من اليمين إلى اليسار:
dir="rtl"على المستند، وكل التخطيط يجب أن يتبع. خصائص CSS المنطقية (margin-inline-startبدلmargin-left) تنجز 90% من العمل دون تكرار الأنماط. - 3️⃣ الطباعة مهمة: خط مناسب للعربية، وأحجام مضبوطة، ومراجعة كل شاشة — فرقم أو اسم لاتيني وسط نص RTL يحمل مفاجآت. 😅
في النهاية، دعم RTL اختبار ممتاز لجودة الـCSS لديك: إذا انكسر تخطيطك مع dir="rtl"، فغالبًا لأنه كان جامدًا منذ البداية.
