تحويل تطبيق واجهة أمامية (Frontend) مبني بـ Yarn إلى حاوية Docker جاهزة للإنتاج، بالتركيز على تقليل الحجم، تسريع البناء، وضمان الأمان.

المهام التقنية:
بناء متعدد المراحل (Multi-Stage Build):
استخدام بيئة Node.js لبناء ملفات الإنتاج عبر Yarn.
استغلال الـ Cache لملفات package.json و yarn.lock لتسريع إعادة البناء.
الاعتماد على صورة nginx:alpine الخفيفة لتشغيل ملفات /app/dist فقط، مما يقلل الحجم ويعزل كود المصدر وأدوات التطوير.

البناء والاختبار:
بناء الـ Image بأمر docker build والتأكد من خلوها من الأخطاء.
تشغيل الحاوية في الخلفية وربط المنافذ (8080:80).
فحص استقرار الحالة عبر docker ps واختبار التطبيق بنجاح عبر المتصفح.

النتائج:
صورة حاوية خفيفة للغاية وآمنة بفضل Nginx Alpine.
عزل تام لبيئة التطوير عن خادم الإنتاج.
تطبيق مستقر وجاهز للنشر المباشر على أي خادم أو منصة سحابية.