Vercel vs Hetzner VPS (self-host) مقارنة

# Vercel — سيناريو نشر Next.js بدون إعداد + متغير بيئة + مثال Edge Config

# 1) في جذر المشروع، ضبط منطقة الدالة والـ cron عبر vercel.json
{
  "regions": ["fra1"],
  "crons": [
    { "path": "/api/cron/revalidate", "schedule": "0 */6 * * *" }
  ]
}

# 2) النشر عبر CLI (البناء+TLS+CDN تلقائيًا)
npx vercel --prod

# 3) لتقليل تكلفة وحدة كتابة ISR (وحدة واحدة = 8 كيلوبايت، لا حصة مُضمَّنة)
# اضبط مدة revalidate حسب حركة المرور
export const revalidate = 3600; // إعادة التوليد كل ساعة

# 4) لتقليل Fast Origin Transfer، اجبر
# مخرجات الدالة على التخزين المؤقت الثابت
export async function GET() {
  return Response.json(
    { data: "ok" },
    { headers: { "Cache-Control": "public, s-maxage=600" } }
  );
}

# Hetzner VPS — استضافة ذاتية لـ Next.js standalone + systemd + nginx

# 1) next.config.js — وضع الإخراج standalone (حسب دليل الاستضافة الذاتية الرسمي)
module.exports = {
  output: "standalone",
};

# 2) البناء + نسخ ملفات standalone
npm run build
cp -r .next/static .next/standalone/.next/static
cp -r public .next/standalone/public

# 3) وحدة systemd — إدارة العمليات (مثال portfolio-ssr.service)
[Unit]
Description=Next.js standalone server
After=network.target

[Service]
Type=simple
User=portfolio
WorkingDirectory=/var/www/app/.next/standalone
ExecStart=/usr/bin/node server.js
Restart=on-failure
Environment=PORT=4000
NoNewPrivileges=true
ProtectHome=true

[Install]
WantedBy=multi-user.target

# 4) بروكسي عكسي nginx (توصية Next.js الرسمية)
server {
  listen 443 ssl;
  server_name example.com;
  location / {
    proxy_pass http://127.0.0.1:4000;
    proxy_set_header Host $host;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
  }
}

# 5) تثبيت sharp — إلزامي لتحسين الصور (Image Optimization)
npm install sharp