The Code Fix

شرح Next.js

النشر على Vercel

لماذا Vercel؟

Vercel هي الشركة المطوّرة لـ Next.js، فاستضافته عليها هي الأسهل والأمثل: نشر تلقائي، شبكة عالمية سريعة، وشهادة SSL مجانية.

النشر عبر GitHub (الأسهل)

  1. ارفع مشروعك إلى مستودع على GitHub.
  2. ادخل vercel.comAdd New → Project.
  3. اختر المستودع → Deploy.
  4. كل دفعة (push) جديدة تُنشر تلقائيًا!

النشر عبر سطر الأوامر

npm i -g vercel
vercel login
vercel --prod

متغيّرات البيئة (Environment Variables)

لا تضع الأسرار في الكود. أضفها في:

Vercel → Project → Settings → Environment Variables

# في الكود تقرأها هكذا:
process.env.DATABASE_URL

⚠️ المتغيّرات التي تبدأ بـ NEXT_PUBLIC_ تظهر في المتصفّح — لا تضع فيها أسرارًا.

ربط نطاق مخصّص

Settings → Domains → أضف نطاقك → اضبط سجلّ DNS الذي يطلبه Vercel عند مزوّد نطاقك.

بعد النشر

  • تحقّق من الموقع على رابط .vercel.app.
  • أضفه إلى Google Search Console وأرسل sitemap.xml.

🎉 أكملت مسار Next.js! أصبحت قادرًا على بناء ونشر تطبيقات ويب احترافية كاملة. اختبر نفسك واحصل على شهادتك.