بنيت موقعًا كاملًا باستخدام Manus ثم رفعته على GitHub واستضفته على Netlify

في الفيديو ده هنبني موقع كامل باسم Codeflow AI باستخدام Manus، وبعدها هنرفع ملفات المشروع على GitHub وننشر الموقع لايف على Netlify. هنبدأ من كتابة فكرة الموقع والـ Prompt داخل Manus، ونشوف إزاي الأداة بتحلل الفكرة وتحوّلها إلى موقع كامل. بعد كده هشرح الفرق بين AI Agent والنموذج العادي LLM، وهنجهز Repository جديد على GitHub ونخلي Manus يرفع ملفات المشروع تلقائيًا. كمان هنجرب النشر من داخل Manus، ونقارن بين Manus Publish وNetlify، وبعدها هنوصل Netlify بحساب GitHub ونختار دومين مجاني للموقع. وفي النهاية هنكتشف مشكلة في الصور، ونستخدم Screenshot لإرسال المشكلة إلى Manus، ثم نتابع إصلاحها وتحديث الموقع تلقائيًا على Netlify. الأدوات والروابط المستخدمة: Manus AI: https://manus.im/ مستودع المشروع على GitHub: https://github.com/mohamed-khairy-5i/... الموقع المنشور على Netlify: https://codeflowai7.netlify.app/ هتشوف في الفيديو: 00:00 المقدمة وفكرة بناء الموقع واستضافته لايف 00:35 فتح منصة Manus AI واختيار نوع المشروع 00:56 نسخ Prompt مشروع Codeflow AI وإرساله إلى Manus 01:17 Manus يحلل الفكرة ويخطط لأقسام وشكل الموقع 02:07 الفرق بين AI Agent و LLM 02:37 بدء توليد الكود وهيكل الموقع 03:40 المعاينة الأولى للموقع واختبار الشكل 04:21 لماذا نرفع المشروع على GitHub؟ 04:54 البحث عن إضافة GitHub داخل Plugins في Manus 05:10 تسجيل الدخول وربط GitHub مع Manus 05:31 إنشاء Repository باسم codeflow-ai وتحديده كـ Private 06:23 إعطاء Manus أمر رفع ملفات المشروع إلى GitHub 07:04 توضيح حدود الاستخدام المجاني واختلاف النماذج 08:00 تجربة النشر من داخل Manus عبر Publish 08:27 مقارنة Manus Publish مع Netlify ومشكلة تكلفة الدومين 08:44 بدء مشروع جديد على Netlify وربطه بـ GitHub 08:50 اختيار Repository وإعطاء الصلاحيات لـ Netlify 09:12 تخصيص اسم ودومين مجاني بامتداد .netlify.app 10:08 بدء Deploy ونشر الموقع لايف 10:33 فتح الموقع واكتشاف مشكلة عدم ظهور الصور 12:56 إرسال Screenshot لمشكلة الصور إلى Manus 13:30 Manus يحدد المشكلة ويعدل الكود ويرفع التحديث إلى GitHub 14:10 تحديث الموقع تلقائيًا على Netlify من خلال CI/CD 14:18 اختبار تجاوب الموقع على الموبايل والتابلت باستخدام Inspect Mode 14:46 ملخص النتيجة وتحويل الفكرة إلى موقع لايف 15:13 الخاتمة والدعوة للاشتراك وكتابة اقتراحاتكم الأدوات المستخدمة: Manus AI — GitHub — Netlify لو عندك فكرة موقع تحب نشوفها في فيديو جاي، اكتبها في التعليقات: متجر إلكتروني، Dashboard، Portfolio، ولا أداة لمشروع صغير؟ متنساش تعمل Like وتشترك في القناة عشان توصلك الفيديوهات الجاية. #ManusAI #AIAgent #GitHub #Netlify #CodeflowAI #ذكاء_اصطناعي #تطوير_ويب #مجاني