[{"data":1,"prerenderedAt":102},["ShallowReactive",2],{"seo-verification":3,"marketplace-app-ar-nextjs-stack":6},{"google":4,"bing":5},"EycwPY2XMyTkVzas3n1ygeNJFGAH513qrMjfDljzsMQ","",{"slug":7,"slugs":8,"categorySlugs":9,"name":13,"description":14,"phase":15,"unavailableReason":16,"docsUrl":17,"logo":16,"github":16,"tagline":18,"longDescription":19,"features":20,"useCases":27,"steps":37,"faq":53,"specs":66,"compatibleOs":74,"relatedApps":75,"relatedPosts":98,"category":99},"nextjs-stack",{"fr":7,"en":7,"ar":7},{"fr":10,"en":11,"ar":12},"developpement","development","التطوير","Next.js Stack","Node.js وPM2 وNginx وPostgreSQL مُهيّأة مسبقًا لـNext.js. انشر تطبيقاتك React SSR دون Vercel أو حصص من الدوال.",1,null,"https:\u002F\u002Fservorbit.com\u002Fblog\u002F%D9%86%D8%B4%D8%B1-%D8%AA%D8%B7%D8%A8%D9%8A%D9%82-nextjs-%D8%B9%D9%84%D9%89-vps","Next.js Stack — Node.js LTS وPM2 وNginx وPostgreSQL مُهيّأة مسبقًا. انشر تطبيق React SSR في الإنتاج دون Vercel.","يهيّئ قالب Next.js Stack خادمك الافتراضي (VPS) بكل ما يحتاجه تطبيق Next.js في الإنتاج: Node.js LTS من مستودع NodeSource الرسمي، وPM2 لإدارة العمليات بدون توقف، وNginx كوكيل عكسي يُنهي اتصالات TLS، وPostgreSQL لأي نموذج بيانات يتطلبه تطبيقك. لا منصة خارجية، ولا فوترة لكل استدعاء، ولا حد زمني للدوال.\n\nيُنتج مخرج Next.js المستقل (`output: 'standalone'` في `next.config.js`) حزمة مكتفية بذاتها تحتوي فقط على اعتماديات وقت التشغيل اللازمة — انسخها إلى الخادم وشغّلها مع PM2. يعمل SSR وISR ومسارات API جميعها على بنيتك التحتية، بتكلفة ثابتة، مع وصول كامل للقرص لذاكرة ISR المؤقتة الدائمة بين عمليات النشر.",[21,22,23,24,25,26],"Node.js LTS من مستودع NodeSource الرسمي — أحدث إصدار LTS، لا الحزمة القديمة للتوزيعة.","مدير عمليات PM2 — إعادة تحميل دون توقف، وتدوير السجلات، وسكربتات الإقلاع، ووضع الكتلة للخوادم متعددة الأنوية.","وكيل عكسي Nginx مع ضغط gzip وتخزين مؤقت للأصول الثابتة في `\u002F_next\u002Fstatic\u002F`.","PostgreSQL لتطبيقات Next.js المتكاملة التي تحتاج إلى قاعدة بيانات علائقية.","متوافق مع Next.js App Router وPages Router والمخرج المستقل.","ISR (التوليد الثابت التزايدي) مُخزَّن على القرص بين عمليات النشر.",[28,31,34],{"title":29,"body":30},"موقع تسويقي بـSSR","تطبيق Next.js بـSSR كامل لأفضل Core Web Vitals وSEO — دون فوترة Vercel لكل استدعاء.",{"title":32,"body":33},"تطبيق متكامل","Next.js مع مسارات API لـApp Router وPostgreSQL — خلفية وواجهة أمامية على نفس الخادم بتكلفة شهرية ثابتة.",{"title":35,"body":36},"مواقع متعددة للوكالة","عدة مواقع Next.js لعملاء مُجمَّعة تحت نسخة Nginx واحدة، لكل منها نطاق فرعي خاص وشهادة SSL مؤتمتة.",[38,41,44,47,50],{"title":39,"body":40},"إنشاء الخادم الافتراضي","اختر قالب \"Next.js Stack\". الحد الأدنى 2 غيغابايت من ذاكرة RAM — عملية بناء Next.js في الإنتاج نهِمة للذاكرة.",{"title":42,"body":43},"استنساخ تطبيقك وبناؤه","تسجّل الدخول عبر SSH، استنسخ مستودعك، أنشئ `.env.production`، ونفّذ `npm ci && npm run build`. فعّل `output: 'standalone'` في `next.config.js` للحصول على حزمة نشر خفيفة.",{"title":45,"body":46},"أول وصول","يُثبّت هذا القالب سلسلة أدوات (Node.js LTS وPM2 وNginx وPostgreSQL). لا واجهة ويب لفتحها — تواصل عبر SSH وانشر تطبيق Next.js الخاص بك.",{"title":48,"body":49},"التشغيل مع PM2","شغّل باستخدام `pm2 start node --name nextjs -- .next\u002Fstandalone\u002Fserver.js`. احفظ قائمة العمليات بـ `pm2 save && pm2 startup` لإعادة تشغيل تلقائية عند الإقلاع.",{"title":51,"body":52},"إعداد Nginx وSSL","وجّه Nginx الافتراضي إلى `proxy_pass http:\u002F\u002Flocalhost:3000`، وقدّم `\u002F_next\u002Fstatic\u002F` مباشرة من القرص، واحصل على شهادة Let's Encrypt عبر Certbot.",[54,57,60,63],{"q":55,"a":56},"ما الفرق بين Next.js Stack وNuxt Stack؟","Next.js Stack مخصص لتطبيقات React (Next.js)، بينما Nuxt Stack يستهدف تطبيقات Vue.js (Nuxt 3). سلسلة الأدوات متطابقة — Node.js LTS وPM2 وNginx وPostgreSQL — لكن إطاري العمل ومخرجات البناء مختلفتان.",{"q":58,"a":59},"هل يمكنني استضافة عدة مواقع Next.js على VPS واحد؟","نعم. يعمل كل موقع كعملية PM2 منفصلة على منفذ مختلف. يوجّه Nginx الطلبات بحسب اسم النطاق ويُعيد توجيهها إلى العملية الصحيحة. يمكنك استضافة 3-5 مواقع Next.js صغيرة على VPS بـ4 غيغابايت.",{"q":61,"a":62},"هل يدعم Next.js App Router؟","نعم. يُثبّت القالب Node.js LTS وPM2 اللذين يُشغّلان أي إصدار من Next.js بما في ذلك مشاريع App Router. خيار `output: 'standalone'` يعمل مع App Router وPages Router على حد سواء.",{"q":64,"a":65},"ماذا عن ISR (التوليد الثابت التزايدي)؟","يعمل ISR بشكل فوري. تُخزَّن الصفحات على القرص في `.next\u002Fcache` وتبقى بين عمليات إعادة تحميل PM2. لعدة نسخ من الخادم، اضبط معالِج ذاكرة مؤقتة مشتركة بـRedis.",{"ram":67,"cpu":68,"stack":69},"2 غيغابايت","1 vCPU",[70,71,72,73],"Node.js LTS","PM2","Nginx","PostgreSQL",[],[76,83,89],{"name":77,"slug":78,"categorySlug":12,"categoryName":12,"categoryColor":79,"logo":80,"tagline":81,"description":82},"Node.js Stack","nodejs-stack","text-warning bg-warning\u002F10","https:\u002F\u002Fcdn.simpleicons.org\u002Fnodedotjs","Node.js وPM2 وNginx وقاعدة بيانات — بيئة إنتاج لواجهات برمجة التطبيقات وتطبيقات JavaScript الخاصة بك.","Node.js مع PM2 ووكيل عكسي Nginx وقاعدة بيانات. واجهات برمجة التطبيقات وتطبيقات JavaScript الخاصة بك جاهزة لاستقبال الزيارات.",{"name":84,"slug":85,"categorySlug":12,"categoryName":12,"categoryColor":79,"logo":86,"tagline":87,"description":88},"Nuxt Stack","nuxt-stack","https:\u002F\u002Fcdn.simpleicons.org\u002Fnuxt","Nuxt 3 مع SSR وPostgreSQL ووكيل عكسي — بيئة إنتاج لتطبيقات Vue.js الخاصة بك.","Nuxt 3 مع SSR وPostgreSQL ووكيل عكسي. بيئة إنتاج لتطبيقات Vue.js الخاصة بك.",{"name":90,"slug":91,"categorySlug":92,"categoryName":93,"categoryColor":94,"logo":95,"tagline":96,"description":97},"Coolify","coolify","نشر-التطبيقات-وdevops","نشر التطبيقات وDevOps","text-success bg-success\u002F10","https:\u002F\u002Fcdn.simpleicons.org\u002Fcoolify","انشر من Git في ثوانٍ — بديل مستضاف ذاتيًا لـ Heroku وRender وNetlify.","انشر تطبيقاتك من Git في ثوانٍ. مستضاف ذاتيًا، دون الارتباط بمزوّد بعينه (vendor lock-in)، مع SSL تلقائي.",[],{"key":10,"slug":12,"name":12,"objective":100,"icon":101,"color":79},"بدء مشروع برمجي بسرعة.","dev",1787581020700]