[{"data":1,"prerenderedAt":110},["ShallowReactive",2],{"seo-verification":3,"marketplace-app-fr-astro-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":69,"compatibleOs":77,"relatedApps":78,"relatedPosts":103,"category":107},"astro-stack",{"fr":7,"en":7,"ar":7},{"fr":10,"en":11,"ar":12},"developpement","development","التطوير","Astro Stack","Node.js LTS, PM2 et Nginx préconfigurés pour Astro. Déployez vos applications Astro SSR ou statiques sur votre propre infrastructure.",1,null,"https:\u002F\u002Fservorbit.com\u002Fblog\u002Fdeployer-astro-vps","Node.js LTS, PM2 et Nginx préconfigurés — l'environnement Astro SSR ou statique prêt à l'emploi.","Astro Stack configure votre VPS avec les composants nécessaires à un projet Astro en production : Node.js LTS depuis NodeSource, PM2 pour la gestion des processus, et Nginx comme reverse proxy.\n\nAstro est unique parmi les frameworks JavaScript : il génère un site entièrement statique par défaut — sans JavaScript envoyé au navigateur à moins que vous ne le demandiez — mais sait aussi rendre les pages côté serveur via `@astrojs\u002Fnode`. Les deux modes fonctionnent sur cette stack.",[21,22,23,24,25,26],"Node.js LTS depuis NodeSource — la dernière version stable, pas le paquet vieilli de la distribution.","PM2 — redémarrage automatique, zéro coupure lors des déploiements, rotation des logs, mode cluster pour VPS multi-cœur.","Nginx en reverse proxy avec gzip et Cache-Control longs sur les assets versionnés.","Compatible avec la sortie statique Astro (`output: 'static'`) et le SSR (`output: 'server'` + `@astrojs\u002Fnode`).","Empreinte mémoire minimale — un site Astro statique sous Nginx consomme moins de 50 Mo. Le SSR via PM2 ajoute environ 50 Mo par worker.","Rendu hybride : marquez les pages avec `export const prerender = true` pour les prégénérer au build tout en gardant les routes dynamiques en SSR.",[28,31,34],{"title":29,"body":30},"Site de contenu statique","Buildez votre projet Astro en `output: 'static'`, transférez le dossier `dist\u002F` sur le VPS et laissez Nginx le servir. Aucun processus Node n'est nécessaire en production.",{"title":32,"body":33},"Application web SSR","Utilisez l'adaptateur `@astrojs\u002Fnode` en mode standalone pour rendre les pages Astro à la demande. PM2 supervise le processus Node avec redémarrage automatique et rechargement sans coupure entre déploiements.",{"title":35,"body":36},"Frontend pour une API","Servez votre frontend Astro et vos routes API sur le même domaine. Nginx route les requêtes `\u002Fapi\u002F*` vers un backend séparé et livre les assets statiques optimisés pour le reste.",[38,41,44,47,50],{"title":39,"body":40},"Créer le VPS","Sélectionnez le template « Astro Stack ». 1 Go de RAM suffit pour un site statique ; 2 Go si vous prévoyez du SSR avec PM2.",{"title":42,"body":43},"Choisir le mode de sortie","Dans `astro.config.mjs`, définissez `output: 'static'` pour un site entièrement prégénéré, ou `output: 'server'` avec `adapter: node({ mode: 'standalone' })` pour du SSR. Ce choix conditionne la suite du déploiement.",{"title":45,"body":46},"Premier accès","Ce template installe une chaîne d'outils (Node.js LTS, PM2, Nginx). Il n'y a pas d'interface web à ouvrir : connectez-vous en SSH et déployez votre propre projet Astro.",{"title":48,"body":49},"Builder et transférer","Lancez `npm run build` localement ou en CI. En statique, copiez le dossier `dist\u002F` vers `\u002Fvar\u002Fwww\u002Fastro\u002Fdist` sur le VPS. En SSR, copiez `dist\u002F` et démarrez le serveur avec `pm2 start dist\u002Fserver\u002Fentry.mjs --name astro`.",{"title":51,"body":52},"Configurer Nginx","En statique : `root \u002Fvar\u002Fwww\u002Fastro\u002Fdist;` et `try_files $uri $uri\u002F \u002F404.html;`. En SSR : `proxy_pass http:\u002F\u002Flocalhost:4321;` avec les en-têtes appropriés. Obtenez un certificat Let's Encrypt via Certbot.",[54,57,60,63,66],{"q":55,"a":56},"Quelle est la différence entre Astro Stack et Next.js Stack ?","Astro Stack installe Node.js LTS, PM2 et Nginx — adapté aux projets Astro en mode statique (SSG) ou SSR. Next.js Stack ajoute PostgreSQL pour les applications full-stack. Astro est souvent plus léger car son mode statique ne nécessite pas de processus Node en production.",{"q":58,"a":59},"Peut-on héberger un site Astro entièrement statique ?","Oui. Buildez votre projet en `output: 'static'`, transférez le dossier `dist\u002F` sur le VPS et configurez Nginx pour servir ces fichiers. Aucun processus Node n'est nécessaire — uniquement Nginx.",{"q":61,"a":62},"Node.js doit-il être installé sur le VPS pour un site Astro statique ?","Non, pas en production. En mode statique (`output: 'static'`), le build produit des fichiers HTML\u002FCSS\u002FJS purs servis directement par Nginx. Node.js est utile uniquement pour le build (réalisable en CI) et pour le mode SSR.",{"q":64,"a":65},"Peut-on héberger plusieurs projets Astro sur le même VPS ?","Oui. Nginx gère plusieurs vhosts, chacun pointant vers son propre dossier `dist\u002F` ou processus PM2 sur un port différent. Node.js et Nginx sont partagés entre les projets, ce qui optimise les ressources.",{"q":67,"a":68},"Quelle RAM minimale recommandez-vous ?","1 Go de RAM suffit pour un site Astro entièrement statique. Pour le mode SSR avec PM2 et Node.js, prévoyez au moins 2 Go pour gérer les pics de rendu confortablement.",{"ram":70,"cpu":71,"os":72,"stack":73},"1 Go (2 Go pour SSR)","1 vCPU","Ubuntu 24.04 LTS",[74,75,76],"Node.js LTS","PM2","Nginx",[],[79,86,92,97],{"name":80,"slug":81,"categorySlug":10,"categoryName":82,"categoryColor":83,"logo":16,"tagline":84,"description":85},"Next.js Stack","nextjs-stack","Développement","text-warning bg-warning\u002F10","Next.js Stack — Node.js LTS, PM2, Nginx et PostgreSQL préconfigurés. Déployez votre application React SSR en production sans Vercel.","Node.js, PM2, Nginx et PostgreSQL préconfigurés pour Next.js. Déployez vos applications React SSR sans Vercel ni quotas de fonctions.",{"name":87,"slug":88,"categorySlug":10,"categoryName":82,"categoryColor":83,"logo":89,"tagline":90,"description":91},"Nuxt Stack","nuxt-stack","https:\u002F\u002Fcdn.simpleicons.org\u002Fnuxt","Nuxt 3 avec SSR, PostgreSQL et reverse proxy — environnement production pour vos apps Vue.js.","Nuxt 3 avec SSR, PostgreSQL et reverse proxy. Environnement production pour vos applications Vue.js.",{"name":93,"slug":94,"categorySlug":10,"categoryName":82,"categoryColor":83,"logo":16,"tagline":95,"description":96},"Go (Gin) Stack","golang","Go 1.22+, Gin, Nginx et PostgreSQL 16 — environnement production-ready pour APIs Go légères et performantes.","Go 1.22+, Gin, Nginx et PostgreSQL 16 préconfigurés. Déployez votre API Go en production en quelques minutes.",{"name":98,"slug":99,"categorySlug":10,"categoryName":82,"categoryColor":83,"logo":100,"tagline":101,"description":102},"Node.js Stack","nodejs-stack","https:\u002F\u002Fcdn.simpleicons.org\u002Fnodedotjs","Node.js, PM2, Nginx et base de données — environnement production pour vos APIs et apps JavaScript.","Node.js avec PM2, Nginx reverse proxy et base de données. Vos APIs et applications JavaScript prêtes à recevoir du trafic.",[104,105,106],"deployer-laravel-vps","deployer-nodejs-vps","deployer-django-vps",{"key":10,"slug":10,"name":82,"objective":108,"icon":109,"color":83},"Démarrer rapidement un projet logiciel.","dev",1787581050340]