[{"data":1,"prerenderedAt":117},["ShallowReactive",2],{"seo-verification":3,"blog-deployer-nextjs-vps-ar":6},{"google":4,"bing":5},"EycwPY2XMyTkVzas3n1ygeNJFGAH513qrMjfDljzsMQ","",{"id":7,"slug":8,"title":9,"excerpt":10,"readTime":11,"views":12,"isPinned":13,"publishedAt":14,"category":15,"categories":21,"featuredImage":23,"bgImage":24,"posterImage":25,"relatedSolution":26,"intro":28,"sections":29,"ctaTitle":72,"ctaBody":73,"ctaButton":74,"ctaUrl":75,"relatedPosts":76},46,"deployer-nextjs-vps","نشر تطبيق Next.js على VPS","انشر Next.js على VPS: Node.js وPM2 وNginx وSSL وSSR. دليل كامل للمطوّرين والوكالات الراغبين في الاستضافة الذاتية.",8,2120,false,"2026-05-05T00:00:00+00:00",{"id":16,"name":17,"slug":18,"color":19,"icon":20},4,"التطوير","developpement","bg-warning\u002F10 text-warning","dev",[22],{"id":16,"name":17,"slug":18,"color":19,"icon":20},null,"\u002Fblog\u002Fcovers\u002Fbg.svg","\u002Fblog\u002Fcovers\u002Fdeployer-nextjs-vps-poster.svg",{"categorySlug":18,"appSlug":27},"nextjs","يجمع Next.js بين التصيير من جهة الخادم والتوليد الثابت ومسارات API في إطار React واحد. ونشره على VPS بدلًا من منصة احتكارية يحرّرك من حصص الدوال وحدود عرض النطاق (bandwidth) والارتباط بمزوّد واحد، مع إبقاء SSR يعمل بكامل طاقته.",[30,34,44,47,69],{"type":31,"title":32,"body":33},"h2","لماذا تستضيف Next.js ذاتيًا على VPS؟","غالبًا ما يُقرَن Next.js بمنصة استضافة بعينها، لكن خادم Node.js المستقل (standalone) الخاص به يعمل بشكل مثالي على أي VPS. وتصبح الاستضافة الذاتية مجدية بمجرد استخدامك المكثف لـSSR أو ISR (التوليد الثابت التزايدي) أو مسارات API: فهذه الميزات تستهلك استدعاءات مفوترة على المنصات المُدارة، بينما هي مجانية وغير محدودة على خادمك. تتحكم في ذاكرة ISR المؤقتة على القرص، وفي عرض النطاق للصور المُحسَّنة، وفي زمن تنفيذ الدوال، دون حد الـ10 ثوانٍ. وبالنسبة إلى وكالة تستضيف عدة مواقع لعملاء، يوحّد VPS التكاليف ويبسّط الفوترة.",{"type":35,"title":36,"items":37},"ul","فوائد ملموسة لاستضافة Next.js ذاتيًا",[38,39,40,41,42,43],"SSR ومسارات API دون حصة استدعاءات ودون فوترة لكل دالة.","ذاكرة ISR مؤقتة دائمة على القرص، دون فقدان إعادة التحقق (revalidation) بين عمليات النشر.","عرض نطاق مشمول، مثالي للمواقع الغنية بالصور والفيديو.","عدة مشاريع Next.js على VPS واحد، موحَّدة تحت Nginx.","تحسين الصور عبر `next\u002Fimage` يُقدَّم محليًا دون تكلفة إضافية لكل تحويل.","بناء ونشر مُتحكَّم فيهما عبر Git أو CI\u002FCD أو مجرد `git pull` وإعادة بناء.",{"type":31,"title":45,"body":46},"المتطلبات المسبقة للعتاد والبرمجيات","عملية بناء Next.js نهِمة للذاكرة: خصّص ما لا يقل عن 2 غيغابايت من ذاكرة RAM (و4 غيغابايت لمشروع كبير بكثير من الصفحات)، وإلا فقد تفشل عملية البناء بسبب نقص الذاكرة. أما من ناحية وقت التشغيل، فيكفي 1 إلى 2 vCPU لتقديم SSR. ثبّت Node.js 18 أو 20 LTS، إما أصليًا عبر `nvm` أو عبر صورة Docker `node:20-alpine`. استخدم PM2 للإشراف على عملية Node، أو Docker للعزل. يلزم نطاق مُوجَّه نحو VPS للحصول على SSL. فعّل `output: 'standalone'` في `next.config.js` لنشر خفيف.",{"type":48,"title":49,"steps":50},"steps","نشر Next.js خطوة بخطوة",[51,54,57,60,63,66],{"title":52,"body":53},"تجهيز الخادم","عبر SSH، ثبّت Node.js 20 LTS وPM2 (`npm install -g pm2`)، أو Docker. استنسخ المستودع وأنشئ `.env.production` مع متغيراتك (`NEXT_PUBLIC_*` للعميل، وأسرار الخادم لمسارات API).",{"title":55,"body":56},"بناء التطبيق","نفّذ `npm ci` ثم `npm run build`. ومع `output: 'standalone'`، يُنشئ Next.js مجلدًا مستقلًا `.next\u002Fstandalone` يحتوي فقط على الاعتماديات اللازمة، ما يخفّف الصورة بشكل كبير.",{"title":58,"body":59},"تشغيل خادم Node","شغّل الخادم باستخدام `pm2 start node --name nextjs -- .next\u002Fstandalone\u002Fserver.js` على المنفذ 3000، أو عبر حاوية Docker. اضبط `pm2 startup` و`pm2 save` لإعادة تشغيل تلقائية عند إعادة إقلاع VPS.",{"title":61,"body":62},"إعداد Nginx في الواجهة الأمامية","أنشئ كتلة خادم تنفّذ `proxy_pass http:\u002F\u002Flocalhost:3000`، وتُمرّر ترويستَي `Host` و`X-Forwarded-For`، وتقدّم `\u002F_next\u002Fstatic\u002F` مباشرة من القرص لتخفيف العبء عن Node. فعّل ضغط gzip.",{"title":64,"body":65},"تثبيت شهادة SSL","احصل على شهادة Let's Encrypt عبر Certbot لـ`yourdomain.com`، وافرض إعادة التوجيه إلى HTTPS، واضبط التجديد التلقائي. وتحقّق من تمرير ترويسات `X-Forwarded-Proto` بشكل صحيح لأجل SSR.",{"title":67,"body":68},"إعداد عمليات النشر","أتمِت دورة `git pull && npm ci && npm run build && pm2 reload nextjs` عبر سكربت أو webhook خاص بـGit. ويضمن أمر `reload` في PM2 إعادة تشغيل دون انقطاع (zero-downtime) بين إصدارين.",{"type":70,"body":71},"tip","إذا كنت تستخدم ISR، فاربط وحدة تخزين دائمة لمجلد `.next\u002Fcache` كي تبقى الصفحات المُعاد التحقق منها بعد عمليات إعادة النشر. وبدون ذلك، تبدأ كل عملية إعادة بناء من ذاكرة مؤقتة فارغة وتسبّب ذروة توليد فوري. ولعدة نسخ Node خلف موازن حِمل (load balancer)، انقل هذه الذاكرة المؤقتة إلى تخزين مشترك أو إلى Redis مع معالِج ذاكرة مؤقتة (cache handler) مخصّص.","استضف Next.js دون حدود","يوفّر VPS السحابي من ServOrbit قالبًا مُهيّأً مسبقًا مع Node.js وPM2 وNginx وشهادات SSL تلقائية، مثاليًا لتقديم تطبيقات Next.js بأسلوب SSR دون حصص.","انشر VPS الخاص بـNext.js","\u002Fvps-cloud",[77,91,104],{"id":78,"slug":79,"title":80,"excerpt":81,"readTime":82,"views":83,"isPinned":13,"publishedAt":84,"category":85,"categories":86,"featuredImage":23,"bgImage":24,"posterImage":88,"relatedSolution":89},5,"deployer-laravel-vps","نشر Laravel على خادم VPS: دليل الإنتاج","انقل Laravel إلى بيئة الإنتاج على خادم VPS: PHP وworkers والذاكرة المؤقتة وقاعدة البيانات وreverse proxy وHTTPS مُهيّأة بشكل نظيف.",7,2840,"2026-02-09T00:00:00+00:00",{"id":16,"name":17,"slug":18,"color":19,"icon":20},[87],{"id":16,"name":17,"slug":18,"color":19,"icon":20},"\u002Fblog\u002Fcovers\u002Fdeployer-laravel-vps-poster.svg",{"categorySlug":20,"appSlug":90},"laravel-stack",{"id":92,"slug":93,"title":94,"excerpt":95,"readTime":11,"views":96,"isPinned":13,"publishedAt":97,"category":98,"categories":99,"featuredImage":23,"bgImage":24,"posterImage":101,"relatedSolution":102},43,"deployer-nodejs-vps","نشر تطبيق Node.js على VPS","انشر تطبيق Node.js في بيئة الإنتاج على VPS: PM2 وبروكسي عكسي Nginx وشهادة SSL من Let's Encrypt وبدء تشغيل تلقائي عند الإقلاع.",591,"2026-05-08T00:00:00+00:00",{"id":16,"name":17,"slug":18,"color":19,"icon":20},[100],{"id":16,"name":17,"slug":18,"color":19,"icon":20},"\u002Fblog\u002Fcovers\u002Fdeployer-nodejs-vps-poster.svg",{"categorySlug":18,"appSlug":103},"nodejs",{"id":105,"slug":106,"title":107,"excerpt":108,"readTime":11,"views":109,"isPinned":13,"publishedAt":110,"category":111,"categories":112,"featuredImage":23,"bgImage":24,"posterImage":114,"relatedSolution":115},44,"deployer-django-vps","نشر تطبيق Django على VPS","انشر Django على VPS: Gunicorn وNginx وPostgreSQL وDocker وSSL. دليل كامل لمطوّري Python الراغبين في الاستضافة الذاتية.",628,"2026-05-07T00:00:00+00:00",{"id":16,"name":17,"slug":18,"color":19,"icon":20},[113],{"id":16,"name":17,"slug":18,"color":19,"icon":20},"\u002Fblog\u002Fcovers\u002Fdeployer-django-vps-poster.svg",{"categorySlug":18,"appSlug":116},"django",1785097281935]