تخطَّ إلى المحتوى

شرح Next.js

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

الدرس 24 من 25· ⏱ 1 دقائق قراءة

النشر على 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.

🎯 التالي: خلاصة المسار.

هل كان هذا الدرس مفيدًا؟