نصائح Ahmed M. Zanaty

دخل معايا مهندس برمجة و hardware ..
عامل قناة يوتيوب بيشرح فيها حاجات في مجال الـ hardware ..

الطلاب عايزين يجربوا وراه طبعا .. فعايزين يشتروا الادوات ومش عارفين يشتروها منين ..

فهو قرر يعمل موقع ليهم يبيع فيه الادوات دي .. بس مش عايز يصعب الموضوع ويعمل database و backend و server apps وكلام من دا .. هو عايز حاجه functional ..

• روحنا جبنا صورة UI عجبته لمتجر من pinterest ..
• وفتحنا claude code على الجهاز .. وكتبنا ليه prompt منظم ومرتب .. انه يبني الموقع بنظام معين فرونت بس ..
• وخلينا الداتا تكون ملف مستقل علشان يقدر يعدل عليه بسهولة في اي وقت ..
• وخلينا الناس تضيف منتجات للـ cart بسهولة وتتحفظ ف الـ local storage عندهم ..
• ووقت الـ checkout عملنا button بيفتح whatsapp link في message منظمه بالـ order .. العميل يبعتها علطول ..
• ورفعنا الكلام الجميل دا على github ..
• وعملنا ليه deploy على vercel ..

اهو http://ghannam-pearl.vercel.app

علمته ازاي يعمل حاجه functional تؤدي المهمة اللي هو عايزها في 10 دقايق ..

وقالي بكل وضوح .. لو لقيت بيجيلي منه orders كويسه وبدأ يكسب .. وقتها هبدأ احوله لـ product حقيقي بالـ backend والـ database بتاعته ..

مش لازم يبدأ بحاجه سوبر واو .. هو مستعجل .. ومش معاه ميزانية .. وعايز يشوف الموضوع هيجيب همه ولا لا الأول .. فكان دا الحل اللي وصلنا ليه معاه ..

ايه رأيك .. تتفق مع الـ approuch دا ولا لا ؟

عارف الفرق بين ReactJS و NextJS؟
عارف بجد .. ولا عامل نفسك عارف ..!!

تعالى اقولك على نقطة واحدة بس ..

✅ الـ ReactJS هي مكتبة js بتستخدم في الـ development .. ولما بتخلص dev بتعمل build .. وتطلع ملفات (html + css + js + assets) حقيقة تقدر تعمل ليهم host على اي server براحتك من غير ما تاخد معاك react ع السيرفر اصلا ..
اقولك ع الكبيرة كمان .. تقدر تشغل الـ build بتاع react على github pages مجانا ..
يعني من الآخر هي مجرد ملفات .. واحنا محتاجين سيرفر يبعتها للشخص اللي يطلبها .. وهي هتتـ render في المتصفح عادي جدا ..
يعني مش محتاجين running process على server علشان نشغل react app ..

✅ اما الـ NextJS .. فهي مكتبة بتفضل مكملة معاك حتى بعد الـ development وبتفضل ماسكة المشروع في الـ production وهو live .. لانها بتعمل running process على السيرفر .. يستقبل هو الـ requests ويشوف كل request عايز ايه .. وبناءا عليه يرد ..
وبالتالي .. ممكن يكون الـ request دا api request عادي مش frontend .. ومن حق NextJS انها تقفله بـ auth الأول بحيث مش كل الناس تقدر توصله .. وكمان تقدر جدا انها تقرأ بنفسها الـ database او تكتب عليها مع كل request عادي ..
ودا يا سيدي اللي خلى NextJS تكون full-stack framework على عكس ReactJS ..
يعني NextJS مطلعتش مجرد مكتبة بتخلي ReactJS تبقا احسن مع الـ SEO وبس .. شوفت بقا ..

لو عجبك الكلام .. اضغط على الـ Helpful button اللي تحت هنا ..
ولو عندك اي استفسار .. اكتب comment هنا ..
او تعالى ندخل سيشن mentorship ندردش سوا في الاسئلة بتاعتك ..