مشروع موقع شركة قهوة

فكرة المشروع

موقع تعريفي لشركة قهوة — منتجات، تفاصيل منتج، موزّعين، ومعلومات الشركة. قالب ثابت بواجهة زرقاء.

ما الذي تعرضه الواجهة

الرئيسية، صفحة المنتجات، تفاصيل منتج الكابتشينو، صفحة الموزّعين، صفحة “من نحن”، ونموذج التواصل.

دوري وقراراتي

لما جيت أبني صورة Docker متعددة المعماريات، اكتشفت إن أدوات ضغط الصور القديمة اللي المشروع بيعتمد عليها (gifsicle، optipng) مالهاش مسار بناء يشتغل على ARM64. بدل ما أستبعد المعمارية دي أو أستبدل الأدوات، بنيت الأصول الثابتة (اللي محايدة المعمارية أصلاً) على AMD64 بس، وبعدين نسختها لمرحلة NGINX نفسها اللي بتُبنى بشكل أصلي لكل معمارية على حدة — فالصورة النهائية بتدعم الاتنين من غير ما أضطر أغيّر أدوات المشروع الأصلية.

الجوانب التقنية

Webpack 5، Sass، أدوات ضغط صور تقليدية (gifsicle/optipng/SVGO)، وست صفحات ثابتة تشمل ثلاث صفحات تفاصيل منتج مولّدة من mixin مشترك.

قيمة المشروع داخل المعرض

يوضح حل مشكلة توافق معماريات حقيقية (أدوات بناء قديمة بدون دعم ARM64) بحل عملي بدل تغيير أدوات المشروع.