[{"data":1,"prerenderedAt":158},["ShallowReactive",2],{"seo-verification":3,"blog-deployer-payload-cms-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":112,"ctaBody":113,"ctaButton":114,"ctaUrl":115,"relatedPosts":116},55,"deployer-payload-cms-vps","نشر تطبيق Payload CMS على خادم VPS","انشر Payload CMS على خادم VPS Cloud: تطبيق Next.js، وMongoDB أو PostgreSQL، وDocker، ووكيل عكسي، وSSL. تتضمّن مقارنة بين Payload وStrapi.",9,435,false,"2026-04-26T00: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-payload-cms-vps-poster.svg",{"categorySlug":18,"appSlug":27},"payload-cms","يُعدّ Payload CMS نظام إدارة محتوى headless يعتمد TypeScript أوّلًا ويتكامل أصليًا داخل Next.js. وتمنحك استضافته ذاتيًا على خادم VPS حزمة موحّدة تعتمد الشيفرة أوّلًا (code-first)، حيث يتشارك نظام إدارة المحتوى والواجهة الأمامية بيئة التشغيل نفسها. إليك كيفية نشره في بيئة الإنتاج، مع قاعدة بياناته ومقارنة مع Strapi.",[30,34,44,47,69,109],{"type":31,"title":32,"body":33},"h2","لماذا الاستضافة الذاتية لـ Payload CMS على خادم VPS","يتبنّى Payload CMS نهجًا يعتمد الشيفرة أوّلًا بشكل جذري: يُعرَّف مخطّط المحتوى الخاص بك بلغة TypeScript في ملفّات الإعداد، ويُصدَّر مع Git، ومنذ إصداره الثالث يُثبَّت Payload مباشرةً داخل تطبيق Next.js عبر App Router. وهذا يعني أنّ خادم VPS يتيح لك استضافة نظام إدارة المحتوى وموقع الواجهة الأمامية في عملية Node واحدة، تتشارك البناء وبيئة التشغيل. تحصل على كتابة أنواع من طرف إلى طرف، وترحيلات للمخطّط تُدار في الشيفرة، ودون أيّ اعتماد على واجهة رسومية لنمذجة محتواك. الاستضافة الذاتية هنا هي الخيار الطبيعي: صُمّم Payload لينشر مثل أيّ تطبيق Next.js، ويمنحك خادم VPS التحكّم في قاعدة البيانات (MongoDB أو PostgreSQL) والملفّات المرفوعة ومتغيّرات البيئة، دون منصّة وسيطة.",{"type":35,"title":36,"items":37},"ul","الفوائد الملموسة",[38,39,40,41,42,43],"مخطّط محتوى مُعرَّف بلغة TypeScript ومُصدَّر مع Git: مراجعة شيفرة وسجلّ كاملان","نظام إدارة المحتوى وواجهة Next.js الأمامية في بيئة تشغيل واحدة: بناء واحد وعملية واحدة للنشر","كتابة أنواع من طرف إلى طرف بين إعداد Payload وواجهة API والواجهة الأمامية، دون توليد يدوي","اختيار قاعدة البيانات: MongoDB أو PostgreSQL عبر المحوّلات الرسمية","ترحيلات المخطّط مدفوعة بالشيفرة (`payload migrate`)، قابلة لإعادة الإنتاج بين البيئات","Local API: وصول مباشر إلى البيانات دون استدعاء HTTP من شيفرة خادم Next.js",{"type":31,"title":45,"body":46},"المتطلّبات العتادية والبرمجية","بما أنّ Payload يعتمد على Next.js، فإنّ البناء مُتطلِّب: جهّز خادم VPS بمعالجين افتراضيين (2 vCPU) و4 جيجابايت من الذاكرة لبناء التطبيق وتشغيله بارتياح، خاصّةً إذا كانت واجهة Next.js الأمامية ضخمة. ثبّت Node.js 20 LTS وDocker وDocker Compose. أمّا من جهة قاعدة البيانات، فهيّئ MongoDB 7 أو PostgreSQL 16 بحسب المحوّل المختار (`@payloadcms\u002Fdb-mongodb` أو `@payloadcms\u002Fdb-postgres`). وجّه نطاقك نحو عنوان IP الخاص بخادم VPS. احسب 15 جيجابايت من القرص لـ `node_modules` وبناء `.next` والملفّات المرفوعة ونسخ قاعدة البيانات الاحتياطية.",{"type":48,"title":49,"steps":50},"steps","النشر خطوة بخطوة",[51,54,57,60,63,66],{"title":52,"body":53},"اختيار محوّل قاعدة البيانات وإعداده","في `payload.config.ts`، صرّح عن المحوّل: `mongooseAdapter` لـ MongoDB أو `postgresAdapter` لـ PostgreSQL، مع قراءة عنوان URL للاتصال من `DATABASE_URI`. هذا الاختيار بنيوي: يفرض PostgreSQL ترحيلات، وMongoDB أكثر مرونة بشأن المخطّط.",{"title":55,"body":56},"تحديد السرّ وبناء تطبيق Next.js","أدخِل `PAYLOAD_SECRET` (مفتاح تشفير الرموز) في البيئة. شغّل `npm run build`: بما أنّ Payload 3 يعيش داخل Next.js، يُصرّف هذا الأمر لوحة إدارة Payload وواجهتك الأمامية معًا. راقب الذاكرة أثناء البناء.",{"title":58,"body":59},"الحوسبة في حاوية باستخدام Docker Compose","أنشئ ملفّ Dockerfile بصورة `node:20-alpine` يبني التطبيق ويُشغّل `npm start`، ثمّ ملفّ `docker-compose.yml` يربط خدمة `app` بخدمة `mongo` أو `postgres`. ركّب وحدة تخزين للملفّات المرفوعة ومرّر `DATABASE_URI` و`PAYLOAD_SECRET` كمتغيّرات. شغّل `docker compose up -d`.",{"title":61,"body":62},"تنفيذ الترحيلات (PostgreSQL)","إذا كنت تستخدم محوّل PostgreSQL، فطبّق المخطّط باستخدام `npm run payload migrate` بعد بدء الحاويات. مع MongoDB، يُطبَّق المخطّط تلقائيًا، ولا حاجة إلى أيّ ترحيل يدوي.",{"title":64,"body":65},"إعداد Nginx كوكيل عكسي","وجّه مضيفًا افتراضيًا نحو `http:\u002F\u002F127.0.0.1:3000` (المنفذ الافتراضي لـ Next.js). ارفع `client_max_body_size` لرفع الوسائط وأضف ترويسات `X-Forwarded-Proto` كي يُولّد Payload عناوين URL بـ HTTPS صحيحة.",{"title":67,"body":68},"التأمين باستخدام SSL وتحديد عنوان URL للخادم","شغّل `certbot --nginx -d mydomain.com`، ثمّ عيّن `serverURL: 'https:\u002F\u002Fmydomain.com'` في `payload.config.ts`. يشترط هذا العنوان روابط الوسائط ورسائل إعادة التعيين وعمل لوحة الإدارة بشكل صحيح خلف الوكيل.",{"type":70,"title":71,"headers":72,"rows":76},"comparison","Payload CMS مقابل Strapi: أيّ نظام إدارة محتوى headless تستضيف ذاتيًا؟",[73,74,75],"المعيار","Payload CMS","Strapi",[77,81,85,89,93,97,101,105],[78,79,80],"نهج الإعداد","يعتمد الشيفرة أوّلًا بلغة TypeScript، مُصدَّر مع Git","يعتمد الواجهة الرسومية أوّلًا عبر Content-Type Builder",[82,83,84],"التكامل مع الواجهة الأمامية","أصلي داخل Next.js (بيئة تشغيل واحدة)","منفصل، الواجهة الأمامية ونظام إدارة المحتوى مستقلّان",[86,87,88],"قواعد البيانات المدعومة","MongoDB وPostgreSQL","PostgreSQL وMySQL وSQLite",[90,91,92],"كتابة الأنواع","TypeScript أصلي من طرف إلى طرف","أنواع مُولَّدة، تكامل أقلّ إحكامًا",[94,95,96],"الوصول إلى بيانات الخادم","Local API دون استدعاء HTTP","واجهة REST\u002FGraphQL عبر HTTP",[98,99,100],"نمذجة المحتوى","في الشيفرة، بواسطة المطوّرين","في الواجهة، متاحة لغير المطوّرين",[102,103,104],"الذاكرة اللازمة للبناء","مرتفعة (بناء Next.js)","مرتفعة (بناء لوحة إدارة React)",[106,107,108],"مثالي لـ","فرق التطوير ومشاريع Next.js المكتوبة الأنواع","الفرق المختلطة والنمذجة المرئية",{"type":110,"body":111},"tip","استغلّ Local API الخاصة بـ Payload في مكوّنات خادم Next.js: بدلًا من استدعاء واجهة API الخاصة بك عبر `fetch`، استورد `getPayload` واستعلم قاعدة البيانات مباشرةً (`payload.find({ collection: 'posts' })`). تزيل بذلك ذهابًا وإيابًا عبر HTTP وتكسب في زمن الكمون كما في الأمان. أمّا للوسائط، فوصّل الإضافة `@payloadcms\u002Fstorage-s3` لتخزين الملفّات المرفوعة خارج خادم VPS، وأتمِت نسخًا يوميًا لقاعدة بياناتك عبر cron لضمان نسخ احتياطية خارج الخادم.","انشر Payload CMS على حزمة موحّدة","يوفّر خادم VPS Cloud من ServOrbit القدرة اللازمة لبناء Next.js الخاص بـ Payload وبيئة Docker جاهزة لـ MongoDB أو PostgreSQL، لاستضافة نظام إدارة المحتوى الذي يعتمد الشيفرة أوّلًا وواجهتك الأمامية على الآلة نفسها.","اكتشف خادم VPS Cloud","\u002Fvps-cloud",[117,131,145],{"id":118,"slug":119,"title":120,"excerpt":121,"readTime":122,"views":123,"isPinned":13,"publishedAt":124,"category":125,"categories":126,"featuredImage":23,"bgImage":24,"posterImage":128,"relatedSolution":129},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},[127],{"id":16,"name":17,"slug":18,"color":19,"icon":20},"\u002Fblog\u002Fcovers\u002Fdeployer-laravel-vps-poster.svg",{"categorySlug":20,"appSlug":130},"laravel-stack",{"id":132,"slug":133,"title":134,"excerpt":135,"readTime":136,"views":137,"isPinned":13,"publishedAt":138,"category":139,"categories":140,"featuredImage":23,"bgImage":24,"posterImage":142,"relatedSolution":143},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},[141],{"id":16,"name":17,"slug":18,"color":19,"icon":20},"\u002Fblog\u002Fcovers\u002Fdeployer-nodejs-vps-poster.svg",{"categorySlug":18,"appSlug":144},"nodejs",{"id":146,"slug":147,"title":148,"excerpt":149,"readTime":136,"views":150,"isPinned":13,"publishedAt":151,"category":152,"categories":153,"featuredImage":23,"bgImage":24,"posterImage":155,"relatedSolution":156},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},[154],{"id":16,"name":17,"slug":18,"color":19,"icon":20},"\u002Fblog\u002Fcovers\u002Fdeployer-django-vps-poster.svg",{"categorySlug":18,"appSlug":157},"django",1785097282646]