[{"data":1,"prerenderedAt":117},["ShallowReactive",2],{"seo-verification":3,"blog-deployer-nextjs-vps-fr":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","Déployer une application Next.js sur un VPS","Déployez Next.js sur un VPS : Node.js, PM2, Nginx, SSL et SSR. Guide complet pour développeurs et agences qui veulent self-héberger.",8,2120,false,"2026-05-05T00:00:00+00:00",{"id":16,"name":17,"slug":18,"color":19,"icon":20},4,"Développement","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 combine rendu côté serveur, génération statique et API routes dans un seul framework React. Le déployer sur un VPS plutôt que sur une plateforme propriétaire vous libère des quotas de fonctions, des limites de bande passante et du vendor lock-in, tout en gardant le SSR pleinement opérationnel.",[30,34,44,47,69],{"type":31,"title":32,"body":33},"h2","Pourquoi self-héberger Next.js sur un VPS ?","Next.js est souvent associé à une plateforme d'hébergement spécifique, mais son serveur Node.js standalone tourne parfaitement sur n'importe quel VPS. L'auto-hébergement devient pertinent dès que vous utilisez intensément le SSR, l'ISR (régénération statique incrémentale) ou les routes API : ces fonctionnalités consomment des invocations facturées sur les plateformes managées, alors qu'elles sont gratuites et illimitées sur votre serveur. Vous contrôlez le cache ISR sur disque, la bande passante des images optimisées et le temps d'exécution des fonctions, sans limite de 10 secondes. Pour une agence qui héberge plusieurs sites clients, un VPS mutualise les coûts et simplifie la facturation.",{"type":35,"title":36,"items":37},"ul","Bénéfices concrets d'un Next.js auto-hébergé",[38,39,40,41,42,43],"SSR et API routes sans quota d'invocations ni facturation à la fonction.","Cache ISR persistant sur disque, pas de revalidation perdue entre déploiements.","Bande passante incluse, idéale pour les sites riches en images et vidéos.","Plusieurs projets Next.js sur un même VPS, mutualisés sous Nginx.","Optimisation d'images `next\u002Fimage` servie localement sans surcoût par transformation.","Build et déploiement maîtrisés via Git, CI\u002FCD ou simple `git pull` et rebuild.",{"type":31,"title":45,"body":46},"Prérequis matériels et logiciels","Le build de Next.js est gourmand en mémoire : prévoyez au moins 2 Go de RAM (4 Go pour un gros projet avec beaucoup de pages), sinon le build peut échouer par manque de mémoire. Côté runtime, 1 à 2 vCPU suffisent pour servir le SSR. Installez Node.js 18 ou 20 LTS, soit nativement avec `nvm`, soit via une image Docker `node:20-alpine`. Utilisez PM2 pour superviser le processus Node, ou Docker pour l'isolation. Un domaine pointé vers le VPS est nécessaire pour le SSL. Activez `output: 'standalone'` dans `next.config.js` pour un déploiement léger.",{"type":48,"title":49,"steps":50},"steps","Déployer Next.js étape par étape",[51,54,57,60,63,66],{"title":52,"body":53},"Préparer le serveur","En SSH, installez Node.js 20 LTS et PM2 (`npm install -g pm2`), ou Docker. Clonez le dépôt et créez `.env.production` avec vos variables (`NEXT_PUBLIC_*` pour le client, secrets serveur pour les API routes).",{"title":55,"body":56},"Builder l'application","Lancez `npm ci` puis `npm run build`. Avec `output: 'standalone'`, Next.js génère un dossier `.next\u002Fstandalone` autonome contenant uniquement les dépendances nécessaires, ce qui allège fortement l'image.",{"title":58,"body":59},"Démarrer le serveur Node","Lancez le serveur avec `pm2 start node --name nextjs -- .next\u002Fstandalone\u002Fserver.js` sur le port 3000, ou via un conteneur Docker. Configurez `pm2 startup` et `pm2 save` pour un redémarrage automatique au reboot du VPS.",{"title":61,"body":62},"Configurer Nginx en frontal","Créez un bloc serveur qui fait `proxy_pass http:\u002F\u002Flocalhost:3000`, transmet les en-têtes `Host` et `X-Forwarded-For`, et sert directement `\u002F_next\u002Fstatic\u002F` depuis le disque pour soulager Node. Activez la compression gzip.",{"title":64,"body":65},"Installer le certificat SSL","Obtenez un certificat Let's Encrypt via Certbot pour `votredomaine.ma`, forcez la redirection HTTPS et configurez le renouvellement automatique. Vérifiez que les en-têtes `X-Forwarded-Proto` sont bien transmis pour le SSR.",{"title":67,"body":68},"Mettre en place les déploiements","Automatisez le cycle `git pull && npm ci && npm run build && pm2 reload nextjs` via un script ou un webhook Git. Le `reload` PM2 assure un redémarrage sans coupure (zero-downtime) entre deux versions.",{"type":70,"body":71},"tip","Si vous utilisez l'ISR, montez un volume persistant pour le dossier `.next\u002Fcache` afin que les pages revalidées survivent aux redéploiements. Sans cela, chaque rebuild repart d'un cache vide et provoque un pic de génération à la volée. Pour plusieurs instances Node derrière un load balancer, externalisez ce cache vers un stockage partagé ou Redis avec un cache handler personnalisé.","Hébergez votre Next.js sans limites","Le VPS Cloud ServOrbit offre un template préconfiguré avec Node.js, PM2, Nginx et SSL automatique, parfait pour servir vos applications Next.js en SSR sans quota.","Déployer mon 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","Déployer Laravel sur un VPS : guide production","Passez Laravel en production sur VPS : PHP, workers, cache, base de données, reverse proxy et HTTPS proprement configurés.",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","Déployer une application Node.js sur un VPS","Déployez une application Node.js en production sur un VPS : PM2, reverse proxy Nginx, SSL Let's Encrypt et démarrage automatique au boot.",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","Déployer une application Django sur un VPS","Déployez Django sur un VPS : Gunicorn, Nginx, PostgreSQL, Docker et SSL. Guide complet pour développeurs Python qui veulent self-héberger.",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",1784126233284]