[{"data":1,"prerenderedAt":117},["ShallowReactive",2],{"seo-verification":3,"blog-deployer-nuxt-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},47,"deployer-nuxt-vps","نشر تطبيق Nuxt على VPS","انشر Nuxt 3 على VPS: Nitro وNode.js وPM2 وNginx وSSL. دليل لمطوّري Vue الراغبين في استضافة تطبيقهم ذاتيًا.",7,739,false,"2026-05-04T00: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-nuxt-vps-poster.svg",{"categorySlug":18,"appSlug":27},"nuxt","ينتج Nuxt 3 ومحرّكه Nitro خادمًا شاملًا قادرًا على العمل على أي منصة Node. ونشره على VPS الخاص بك يمنحك تصيير SSR سريعًا، ومسارات خادم غير محدودة، وتحكمًا كاملًا في عملية البناء، بعيدًا عن قيود الاستضافة المُدارة.",[30,34,44,47,69],{"type":31,"title":32,"body":33},"h2","لماذا تستضيف Nuxt ذاتيًا على VPS؟","بفضل Nitro، يُنشئ Nuxt 3 بناءً قابلاً للنقل (`preset: node-server`) يبدأ كخادم Node بسيط يستمع على منفذ. وهذه القابلية للنقل مثالية لـVPS: تستفيد من التصيير من جهة الخادم ومن مسارات `server\u002Fapi` ومن التخزين المؤقت للمسارات دون الاعتماد على بيئة تشغيل edge احتكارية. وتُلغي الاستضافة الذاتية حصص الدوال وتتيح لك ضبط التخزين المؤقت والضغط وعدد نسخ Node. ولتطبيق Vue 3 في الإنتاج مع مصادقة واستدعاءات API من الخادم وتحسين SEO متقَن، يوفّر VPS ثبات خادم دائم وتكلفة ثابتة، دون مفاجآت فوترة حسب الاستدعاء.",{"type":35,"title":36,"items":37},"ul","فوائد ملموسة لاستضافة Nuxt ذاتيًا",[38,39,40,41,42,43],"مسارات خادم `server\u002Fapi` غير محدودة، دون فوترة لكل استدعاء.","SSR وعملية hydration الخاصة بـVue 3 تُقدَّمان من خادم Node دائم ومستقر.","بناء Nitro قابل للنقل (`node-server`) سهل التعبئة في حاوية وإعادة الإنتاج.","تخزين مؤقت للمسارات وقواعد `routeRules` (SSR وSSG وISR) مُتحكَّم فيها من جهة الخادم.","توحيد عدة تطبيقات Nuxt على VPS واحد خلف Nginx.","متغيرات بيئة وقت التشغيل (`runtimeConfig`) تُدار مباشرة على خادمك الخاص.",{"type":31,"title":45,"body":46},"المتطلبات المسبقة للعتاد والبرمجيات","كما هو الحال مع أي إطار عمل حديث، يستهلك بناء Nuxt ذاكرة: استهدف 2 غيغابايت من ذاكرة RAM كحد أدنى (يمكن تنفيذ البناء في CI إذا كان VPS لديك أصغر). وعند وقت التشغيل، يكفي 1 vCPU و1 غيغابايت لخادم Nitro. ثبّت Node.js 20 LTS عبر `nvm` أو صورة `node:20-alpine`، إضافةً إلى PM2 للإشراف أو Docker للعزل. اضبط `nitro: { preset: 'node-server' }` في `nuxt.config.ts`. يلزم نطاق مُوجَّه نحو VPS للحصول على شهادة TLS. ويبقى Ubuntu 22.04\u002F24.04 LTS الأساس المُوصى به.",{"type":48,"title":49,"steps":50},"steps","نشر Nuxt خطوة بخطوة",[51,54,57,60,63,66],{"title":52,"body":53},"إعداد المشروع لـNode","حدّد إعداد Nitro المسبق `node-server` في `nuxt.config.ts` وعرّف أسرارك في `runtimeConfig`. ومن جهة VPS، ثبّت Node.js 20 LTS وPM2، ثم استنسخ المستودع وأنشئ ملف `.env`.",{"title":55,"body":56},"بناء التطبيق","نفّذ `npm ci` ثم `npm run build`. ينتج Nitro مجلدًا مستقلًا `.output` يحتوي على `server\u002Findex.mjs`. وهذا المجلد هو كل ما يحتاجه VPS لتقديم التطبيق في الإنتاج.",{"title":58,"body":59},"تشغيل خادم Nitro","ابدأ باستخدام `pm2 start .output\u002Fserver\u002Findex.mjs --name nuxt`، مع ضبط `PORT=3000` و`NITRO_HOST=0.0.0.0` في البيئة. نفّذ `pm2 save` و`pm2 startup` لإعادة تشغيل الخدمة بعد إعادة إقلاع VPS.",{"title":61,"body":62},"وضع Nginx كبروكسي عكسي","اضبط كتلة خادم بـ`proxy_pass http:\u002F\u002Flocalhost:3000`، ومرّر `Host` و`X-Forwarded-Proto`، وقدّم `\u002F_nuxt\u002F` (الأصول المُجزّأة hashed) مباشرة من `.output\u002Fpublic` مع تخزين مؤقت طويل. فعّل gzip أو brotli.",{"title":64,"body":65},"تفعيل HTTPS","أنشئ شهادة Let's Encrypt باستخدام Certbot لـ`yourdomain.com`، وافرض إعادة التوجيه من HTTP إلى HTTPS، وجدْوِل التجديد التلقائي. وتحقّق من أن SSR يكتشف البروتوكول الآمن بشكل صحيح عبر الترويسات المُمرَّرة.",{"title":67,"body":68},"أتمتة التحديثات","أنشئ سكربت `git pull && npm ci && npm run build && pm2 reload nuxt` أو خط CI يدفع مجلد `.output`. ويضمن أمر `reload` في PM2 نشرًا دون انقطاع الخدمة.",{"type":70,"body":71},"tip","استثمر `routeRules` في Nuxt لمزج استراتيجيات التصيير صفحةً صفحة: `prerender: true` للصفحات الثابتة (المدونة، الإشعارات القانونية)، و`swr` أو `isr` للصفحات شبه الديناميكية مع تخزين مؤقت، وSSR كامل للصفحات المخصّصة. بذلك تقلّل الحِمل على Node وتحسّن زمن الاستجابة دون تغيير البنية التحتية.","انشر تطبيق Nuxt باستقلالية كاملة","يوفّر VPS السحابي من ServOrbit قالبًا مع Node.js وPM2 وNginx وشهادات SSL تلقائية، مثاليًا لاستضافة تطبيقات Nuxt 3 مع SSR ومسارات الخادم.","انشر VPS الخاص بـNuxt","\u002Fvps-cloud",[77,90,104],{"id":78,"slug":79,"title":80,"excerpt":81,"readTime":11,"views":82,"isPinned":13,"publishedAt":83,"category":84,"categories":85,"featuredImage":23,"bgImage":24,"posterImage":87,"relatedSolution":88},5,"deployer-laravel-vps","نشر Laravel على خادم VPS: دليل الإنتاج","انقل Laravel إلى بيئة الإنتاج على خادم VPS: PHP وworkers والذاكرة المؤقتة وقاعدة البيانات وreverse proxy وHTTPS مُهيّأة بشكل نظيف.",2840,"2026-02-09T00:00:00+00:00",{"id":16,"name":17,"slug":18,"color":19,"icon":20},[86],{"id":16,"name":17,"slug":18,"color":19,"icon":20},"\u002Fblog\u002Fcovers\u002Fdeployer-laravel-vps-poster.svg",{"categorySlug":20,"appSlug":89},"laravel-stack",{"id":91,"slug":92,"title":93,"excerpt":94,"readTime":95,"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 وبدء تشغيل تلقائي عند الإقلاع.",8,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":95,"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",1785097282475]