النشر على Vercel
أسهل طريقة (الشركة صانعة Next.js):
- ارفع المشروع إلى GitHub.
- استورده في vercel.com.
- كل push إلى
mainيُنشر تلقائيًا.
npm i -g vercel
vercel # معاينة
vercel --prod # إنتاج
متغيّرات البيئة
# .env.local (لا يُرفع)
DATABASE_URL=...
NEXT_PUBLIC_API_URL=... # NEXT_PUBLIC_ يُكشف للمتصفّح
أضِفها أيضًا في إعدادات Vercel للإنتاج.
تحسين الأداء
- استخدم
next/imageوnext/font. - أبقِ المكوّنات خادمية، وقلّل
"use client". - فضّل الثابت (SSG) على الديناميكي.
- استورد المكوّنات الثقيلة ديناميكيًّا:
next/dynamic.
Core Web Vitals
راقب LCP و CLS و INP عبر Vercel Speed Insights أو PageSpeed Insights.
🎯 التالي: خلاصة المسار.