تخطَّ إلى المحتوى
EN
كل المشاريع

معرض الأعمال

هذا الموقع: معرض أعمال ثنائي اللغة يقدّم دراسات حالة قبل كل شيء.

معرض الأعمال: هذا الموقع: معرض أعمال ثنائي اللغة يقدّم دراسات حالة قبل كل شيء.
الدور
منفردًا: المحتوى والتصميم والبرمجة
السنة
2026
الحالة
يعمل الآن
الفئة
الويب

معرض أعمال ثنائي اللغة (عربي/إنجليزي) بُني كطبقة محتوى أولًا وتصميم ثانيًا: كل مشروع يُكتب مرة واحدة بلغتين، ثم يُعرض بطاقةً ودراسةَ حالة وسجلًا لمحركات البحث من المصدر نفسه.

نظرة عامة

معظم معارض الأعمال تصميمٌ صُبَّ فيه بعض النص، ولهذا يستحيل ترجمتها وتتقادم لحظة إطلاق أي مشروع. عكستُ الترتيب: الموقع كله يقرأ من طبقة محتوى واحدة مُنمَّطة، كل نص فيها موجود بالعربية والإنجليزية، والصفحات مجرد عروض عليها.

بهذا صارت اللغة الثانية مسألة عرض لا إعادة كتابة. سجل المشروع نفسه يُنتج البطاقة ودراسة الحالة ووسوم Open Graph ومدخل خريطة الموقع، في الاتجاهين، بلا نسخة مكرّرة تحتاج مزامنة.

بُني بـ Astro ولا يشحن جافاسكربت تقريبًا، ويجلب أرقام GitHub وWakaTime الحيّة وقت البناء حتى لا تكون إحصاءات النشاط لقطة شاشة من السنة الماضية.

بُني بـ

  • Astro
  • TypeScript
  • React
  • Tailwind CSS
  • Playwright
  • Vitest
  • i18n
  • RTL
  • SEO

أين تجده

التحديات

عربية مركونة على الصفحة، لا مترجمة فحسب

المشكلة

قلب التخطيط إلى RTL بخاصية اتجاه يضبط الأعمدة ويُفسد ما عداها: أسماء التقنيات اللاتينية تنقلب داخل الجمل العربية، والمحاور الرقمية تُقرأ معكوسة، والخط اللاتيني على النص العربي يبدو كخط احتياطي.

الحل

للعربية خطها الخاص، ثمانية سانس، مع تفعيل بدائل salt في العناوين. وتتكفّل خصائص CSS المنطقية بالانعكاس، أما ما يجب أن يبقى لاتينيًا، كمعرّفات الشيفرة ومحاور الرسوم والروابط، فمثبّت على LTR داخل صفحة RTL.

أربعون دراسة حالة بلا أربعين قالبًا

المشكلة

أربعون مشروعًا لكل منها كتابة حقيقية بلغتين تعني ثمانين مستندًا. وكتابة الصفحات يدويًا تضمن أن يتقادم نصفها ويفقد نصفها الآخر حقلًا دون أن ينتبه أحد.

الحل

نوع TypeScript واحد يصف المشروع، بما فيه الحقول ثنائية اللغة، فتصير الفقرة العربية الناقصة خطأ في الترجمة البرمجية لا قسمًا فارغًا في الإنتاج. وكل صفحة تُولَّد من تلك المصفوفة.

النتائج

  • 41 مشروعًا، لكل منها دراسة حالة كاملة باللغتين.
  • مسارات عربية وإنجليزية كاملة، منعكسة حتى الخطوط والرسوم البيانية.
  • نشاط GitHub وWakaTime حيّ، مع نسخة مجمّدة احتياطية حتى لا يُسقط انقطاعُ طرفٍ ثالث عمليةَ البناء.