انشر موقعك
اختار طريقة استضافة وخلي البورتفوليو يظهر في الإنترنت.
الهدف
اختار طريقة استضافة وخلي البورتفوليو يظهر في الإنترنت.
قبل ما تبدأ
- الكود مرفوع في GitHub
- ما في أسرار committed
- حساب في منصة استضافة
Deployment يعني تخلي موقعك موجود في الإنترنت ويفتح برابط.
اختار مسار استضافة واحد
في الورشة دي، اختار guide واحد. ما تحاول تنشر في كل المزودين أثناء السيشن.
الموصى به لمشاريع Next.js:
- Vercel.
بدائل مفيدة:
- Netlify.
- GitHub Pages، بس لو المشروع static-compatible.
مسار Vercel
وثائق Vercel بتشرح إن Git deployments ممكن تعمل نشر تلقائي من GitHub و GitLab و Bitbucket و Azure DevOps.
الخطوات العامة:
- ارفع المشروع في GitHub.
- افتح Vercel.
- اعمل مشروع جديد.
- Import للـ Git repository.
- راجع إعدادات المشروع.
- Deploy.
Environment variables
لو مشروعك محتاج أسرار، ما تحطها في الكود. ضيفها في إعدادات environment variables داخل منصة الاستضافة.
للبورتفوليو الأول، حاول ما تستخدم أسرار أصلاً.
Checklist النشر
- المشروع شغال محلياً.
- الكود في GitHub.
- ما في أسرار committed.
- منصة الاستضافة مربوطة بالـ repository الصحيح.
- رابط الموقع بيفتح في private/incognito browser window.
لو النشر فشل؟
اقرأ رسالة الخطأ بهدوء. اسأل AI agent:
Explain this deployment error. Do not guess. Tell me what file or setting I should check first.
مراجع رسمية
Checklist الدرس
علّم الحاجات بعد ما تتأكد منها. الطلاب الداخلين بحساب بيتزامنوا مع لوحة الورشة؛ والباقي بيتحفظ في المتصفح ده.
تقدم محلي
احفظ الدرس في الجهاز ده.
لسه ما محتاج حساب. ده بخزن slug الدرس في المتصفح بس، ما أوامر ولا أسرار ولا ملفات مشروع.