صفا لتكنولوجيا وتقنية المعلومات
الموقع الرسمي ثنائي اللغة لشركتي البرمجية — عربي وإنجليزي بدعم كامل للاتجاه من اليمين لليسار، يُنشر على شبكة Cloudflare مع كل تحديث.
السياق
تطوّر شركة SOFA Digital Technologies PLC تطبيقات الجوال والمواقع والحلول السحابية وتقدّم الاستشارات التقنية، ومقرها الرئيسي أديس أبابا ولها فرع في جدة. احتاجت الشركة موقعًا واحدًا يخاطب العملاء في السوقين بلغتهم ويحوّل الزيارات إلى طلبات.
ما بنيته
- موقع ثابت متعدد الصفحات (Vite + Tailwind CSS) يُولَّد لكل لغة، والعربية فيه تخطيط أصيل من اليمين لليسار.
- منظومة تعريب: كل النصوص في ملفات منفصلة لكل لغة، فإضافة لغة جديدة مهمة محتوى لا إعادة بناء.
- سير عمل GitHub Actions يبني الموقع وينشره على Cloudflare Pages مع كل تحديث، مع نسخ معاينة للفروع.
- نموذج تواصل عبر Web3Forms، مع رسالة واتساب جاهزة كبديل إذا تعذّر الإرسال.
البنية التقنية
- المستخدمون
- برمجتي
- خدمات
- واجهات خارجية
- البيانات
مرّر المؤشر أو انتقل إلى أي عنصر لترى ما يتصل به.
مشكلات صعبة حللتها
اتجاه عربي أصيل لا مجرد عكس
خصائص CSS منطقية في كل مكان، فيُعكس التخطيط العربي بشكل صحيح بينما تبقى الأرقام وأرقام الهواتف والأسماء التجارية من اليسار لليمين.
سريع على بيانات الجوال
CSS أساسي مضمّن، وخطوط محمّلة مسبقًا، وكود الحركة لا يُحمَّل إلا بعد أن تصبح الصفحة جاهزة — فيبقى الموقع سريعًا على الاتصالات البطيئة.
نشر دون أي تدخل يدوي
كل تحديث يُبنى ويُنشر عبر GitHub Actions وواجهة Cloudflare البرمجية: الفرع الرئيسي يذهب مباشرة إلى الإنتاج، وكل فرع آخر يحصل على رابط معاينة خاص به. لا لوحات تحكم ولا رفع يدوي.
التقنيات
- Vite
- Tailwind CSS
- GSAP
- Cloudflare Pages
- GitHub Actions
- Web3Forms
النتيجة
موقع الشركة يعمل على Cloudflare Pages بالعربية والإنجليزية، وكل تعديل يُنشر تلقائيًا من Git.
تحتاج شيئًا مشابهًا؟
حدّثني عن نشاطك والأنظمة التي تستخدمها حاليًا، وسأخبرك بصراحة بما يتطلبه الأمر.
احجز مكالمة