لماذا Vercel؟
Vercel هي الشركة المطوّرة لـ Next.js، فاستضافته عليها هي الأسهل والأمثل: نشر تلقائي، شبكة عالمية سريعة، وشهادة SSL مجانية.
النشر عبر GitHub (الأسهل)
- ارفع مشروعك إلى مستودع على GitHub.
- ادخل vercel.com → Add New → Project.
- اختر المستودع → Deploy.
- كل دفعة (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.
🎯 التالي: التثبيت وبنية المشروع بالتفصيل.