رواد | هادي حجازي

Architecture Overview

graph TB
    subgraph CMS["apps/admin — Strapi 5"]
        A[Localized content types] --> B[(PostgreSQL)]
        A --> C[S3 + CloudFront CDN]
    end
    subgraph Build["apps/web — Astro 7, build time"]
        D[Generated Strapi client] --> E["features/*/api.ts"]
        E --> F[Content loaders]
        F --> G[(Astro content store)]
        G --> H["data.ts accessors"]
    end
    A -->|REST| D
    H --> I[Static HTML + React islands]

منصّة ثنائية اللغة لروّاد الأعمال في المملكة العربية السعودية، أُنجزت في Poyesis. تجمع بين نظام إدارة محتوى Strapi وواجهة Astro ساكنة بالكامل: تنشر فرق البرامج البودكاست والدورات وملفّات الخبراء والفعاليات ومسارات التمويل ومكتبة الموارد من لوحة المحتوى، فيُعاد بناء الموقع ويُسلَّم صفحات HTML ساكنة.

أهم قرار في التصميم هو مسار البيانات. فكل مصدر خارجي — مجموعات Strapi ومستضيف البودكاست وواجهات Google — يُعرَّف كمجموعة محتوى في Astro ويُحمَّل عبر مُحمِّل مرة واحدة فقط في كل عملية بناء. الصفحات والمكوّنات لا تجري أي طلب شبكي، بل تقرأ مخزن محتوى محليًا عبر وسائل وصول مُعرَّفة الأنواع. ويُولَّد عميل Strapi من المخطّط الفعلي، فيظهر أي حقل أُعيدت تسميته كخطأ في الأنواع وقت البناء لا كقسم فارغ في الإنتاج.

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

أهم الميزات:

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

التقنيات المستخدمة:

الواجهة: Astro 7، React 19، Tailwind v4، TypeScript
إدارة المحتوى: Strapi 5، PostgreSQL
الاستضافة: AWS S3 وشبكة توزيع CloudFront
المكتبات: بحث Fuse.js، عروض Embla الدوّارة، معالجة الصور بـ Sharp
الأدوات: pnpm workspaces، Turborepo، Node 24

عمل لصالح عميل عبر جهة عمل، لذلك يبقى المستودع خاصًا.