النشر والتحسين

النشر على Vercel

أسهل طريقة (الشركة صانعة Next.js):

1. ارفع المشروع إلى GitHub.
2. استورده في vercel.com.
3. كل 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.

🎯 التالي: استراتيجيات التخزين المؤقت (Caching).