المعمارية الهندسية المتكاملة لمنظومة Loomix Commerce
نظرة هندسية تفصيلية على البنية السحابية المعزولة، تكامل الخدمات، وتدفق البيانات بين المكونات.
واجهة المتجر (Next.js 16 Storefront)
واجهة مستخدم عصرية وسريعة مبنية بأحدث معايير React 19 وNext.js App Router مع دعم كامل للتوليد الاستاتيكي وتخزين الكاش.
محرك التجارة (Medusa 2.0 Backend)
النواة التجارية المسؤولة عن المنطق المعقد للطلبات، سلات التسوق، المخزون، الشحن، وبوابات الدفع.
نظام إدارة المحتوى (Strapi v5 CMS)
لوحة تحكم مرئية لبناء تخطيطات الصفحات، إدارة الكتل المعيارية، ونشر مقالات المدونة والإعدادات العامة.
سجل الكتل ومحرك الرندر (Loomix Registry)
محرك رندر الكتل ومستودع الأنماط الجاهزة التي تسمح بتوسيع الموقع وتبديل التصاميم دون كتابة كود.
مخطط تدفق البيانات بين الخدمات
- يطلب متصفح العميل الصفحة من واجهة Next.js 16 عبر خادم Caddy العكسي.
- يجلب Next.js بيانات الكتل والتخطيط من Strapi v5 وبيانات المنتجات من Medusa v2 عبر الشبكة الداخلية.
- يقوم Next.js برندر الصفحة وحفظها في كاش عالي السرعة لتقديمها فورياً للزوار التاليين.
- عند تعديل أي محتوى في لوحات التحكم، يتم إرسال Webhook فوري لتحديث الكاش في أجزاء من الثانية.
استعلام جلب بيانات الصفحة والكتل المعيارية
typescriptconst homepageData = await getHomepageData();const region = await getRegion(countryCode);const searchResults = await queryMeilisearch({ color: "Red", price_range: [10, 50] }); return ( <main> {homepageData.blocks.map((block, index) => ( <BlockRenderer key={block.id} block={block} region={region} countryCode={countryCode} /> ))} </main>);الأمان والعزل السحابي لحاويات Docker
تكوين الشبكة الداخلية المعزولة في Docker Compose
bashnetworks: internal-network: driver: bridge internal: true