في المقال اللي فات، كتبنا في الـ Dockerfile بتاع الفرونت إند سطر FROM nginx:alpine وعدّينا عليه بسرعة كأنه تفصيلة بسيطة. بس Nginx ده مش تفصيلة، ده الطبقة اللي بتقف قدام تطبيقك بالكامل وبتستقبل كل طلب قبل ما يوصله. ولو مفهمتش هي بتعمل إيه بالظبط، هتلاقي نفسك في مشاكل غريبة أول ما تنشر على دومين حقيقي.

شغال عندي بس مش عندك”، أشهر جملة هتسمعها في أي فريق برمجة، وأكتر حاجة بتضيع وقت. عندك دلوقتي مشروع ميرن ستاك كامل: باك إند بـ Express متصل بـ MongoDB، فرونت إند بـ React، وحماية بـ JWT. لو حد تاني عايز يشغله على جهازه، لازم يثبت نفس نسخة Node، ونفس المتغيرات، وميحصلش تعارض مع مشر..

تخيل معايا… بنيت REST API شغال، وربطته بواجهة React شكلها جامد، وكل حاجة بتتحفظ فعليًا في MongoDB. حاسس إنك خلصت مشروع Full Stack حقيقي، صح؟ فيه مشكلة واحدة بس: أي حد فاتح المتصفح دلوقتي يقدر يمسح كل المستخدمين اللي عندك، أو يعدل بياناتهم، من غير ما يسجل دخول أصلاً!

في المقال اللي فات جهزنا حساب MongoDB Atlas وعملنا أول اتصال وأول Query. وقبل كده في المقال اللي قبله بنينا سيرفر بـ Express.

في المقال اللي فات اتكلمنا عن Node.js وExpress.js وإزاي تبني بيهم سيرفر لتطبيقك. دلوقتي جه دور الحرف اللي بيسبقهم في اختصار MERN (MongoDB، Express، React، Node):