[{"data":1,"prerenderedAt":117},["ShallowReactive",2],{"seo-verification":3,"blog-deployer-nuxt-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},47,"deployer-nuxt-vps","Déployer une application Nuxt sur un VPS","Déployez Nuxt 3 sur un VPS : Nitro, Node.js, PM2, Nginx et SSL. Guide pour développeurs Vue qui veulent self-héberger leur application.",7,739,false,"2026-05-04T00: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-nuxt-vps-poster.svg",{"categorySlug":18,"appSlug":27},"nuxt","Nuxt 3 et son moteur Nitro produisent un serveur universel capable de tourner sur n'importe quelle plateforme Node. Le déployer sur votre VPS vous donne un rendu SSR rapide, des routes serveur illimitées et un contrôle total du build, loin des contraintes des hébergements managés.",[30,34,44,47,69],{"type":31,"title":32,"body":33},"h2","Pourquoi self-héberger Nuxt sur un VPS ?","Avec Nitro, Nuxt 3 génère un build portable (`preset: node-server`) qui démarre comme un simple serveur Node écoutant sur un port. Cette portabilité est idéale pour un VPS : vous bénéficiez du rendu côté serveur, des `server\u002Fapi` routes et du cache de route sans dépendre d'un runtime edge propriétaire. L'auto-hébergement supprime les quotas de fonctions et vous laisse régler la mise en cache, la compression et le nombre d'instances Node. Pour une application Vue 3 en production avec authentification, appels API serveur et SEO soigné, le VPS offre la stabilité d'un serveur persistant et un coût fixe, sans surprise de facturation à l'invocation.",{"type":35,"title":36,"items":37},"ul","Bénéfices concrets d'un Nuxt auto-hébergé",[38,39,40,41,42,43],"Routes serveur `server\u002Fapi` illimitées, sans facturation par appel.","SSR et hydratation Vue 3 servis depuis un serveur Node persistant et stable.","Build Nitro portable (`node-server`) facile à conteneuriser et à reproduire.","Cache de route et règles `routeRules` (SSR, SSG, ISR) maîtrisés côté serveur.","Mutualisation de plusieurs apps Nuxt sur un même VPS derrière Nginx.","Variables d'environnement runtime (`runtimeConfig`) gérées en clair sur votre serveur.",{"type":31,"title":45,"body":46},"Prérequis matériels et logiciels","Comme pour tout framework moderne, le build Nuxt consomme de la mémoire : visez 2 Go de RAM minimum (le build peut être réalisé en CI si votre VPS est plus petit). Au runtime, 1 vCPU et 1 Go suffisent pour le serveur Nitro. Installez Node.js 20 LTS via `nvm` ou une image `node:20-alpine`, ainsi que PM2 pour la supervision ou Docker pour l'isolation. Configurez `nitro: { preset: 'node-server' }` dans `nuxt.config.ts`. Un domaine pointé vers le VPS est requis pour le certificat TLS. Ubuntu 22.04\u002F24.04 LTS reste la base conseillée.",{"type":48,"title":49,"steps":50},"steps","Déployer Nuxt étape par étape",[51,54,57,60,63,66],{"title":52,"body":53},"Configurer le projet pour Node","Définissez le preset Nitro `node-server` dans `nuxt.config.ts` et déclarez vos secrets dans `runtimeConfig`. Côté VPS, installez Node.js 20 LTS et PM2, puis clonez le dépôt et créez le fichier `.env`.",{"title":55,"body":56},"Builder l'application","Lancez `npm ci` puis `npm run build`. Nitro produit un dossier `.output` autonome contenant `server\u002Findex.mjs`. Ce dossier est tout ce dont le VPS a besoin pour servir l'application en production.",{"title":58,"body":59},"Lancer le serveur Nitro","Démarrez avec `pm2 start .output\u002Fserver\u002Findex.mjs --name nuxt`, en définissant `PORT=3000` et `NITRO_HOST=0.0.0.0` dans l'environnement. Exécutez `pm2 save` et `pm2 startup` pour relancer le service après un redémarrage du VPS.",{"title":61,"body":62},"Placer Nginx en reverse proxy","Configurez un bloc serveur avec `proxy_pass http:\u002F\u002Flocalhost:3000`, transmettez `Host` et `X-Forwarded-Proto`, et servez `\u002F_nuxt\u002F` (assets hashés) directement depuis `.output\u002Fpublic` avec un cache long. Activez gzip ou brotli.",{"title":64,"body":65},"Activer le HTTPS","Générez un certificat Let's Encrypt avec Certbot pour `votredomaine.ma`, forcez la redirection HTTP vers HTTPS et planifiez le renouvellement automatique. Vérifiez que le SSR détecte bien le protocole sécurisé via les en-têtes transmis.",{"title":67,"body":68},"Automatiser les mises à jour","Mettez en place un script `git pull && npm ci && npm run build && pm2 reload nuxt` ou un pipeline CI qui pousse le dossier `.output`. Le `reload` PM2 garantit un déploiement sans interruption de service.",{"type":70,"body":71},"tip","Exploitez les `routeRules` de Nuxt pour mélanger les stratégies de rendu page par page : `prerender: true` pour les pages statiques (blog, mentions légales), `swr` ou `isr` pour les pages semi-dynamiques avec cache, et SSR complet pour les pages personnalisées. Vous réduisez la charge sur Node et améliorez le temps de réponse sans changer d'infrastructure.","Déployez votre Nuxt en toute autonomie","Le VPS Cloud ServOrbit fournit un template avec Node.js, PM2, Nginx et SSL automatique, idéal pour héberger vos applications Nuxt 3 avec SSR et routes serveur.","Déployer mon 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","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.",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","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.",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","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",1784126233333]