Aller au contenu
Vimonto Deploy
Langue
Commencer
Menu

Hébergement Nuxt

Nuxt sur un serveur qui vous appartient

Auto-hébergez Nuxt sur un serveur de votre propre compte cloud. Chaque push est construit dans une nouvelle version, Supervisor fait tourner votre app sur son propre port derrière Nginx, et le nouveau build passe en ligne sans interruption, avec HTTPS gratuit.

Commencer à déployerFaire tourner une app Node.js

Du dépôt à la production en trois étapes

  1. 1

    Créez un serveur

    Chez Hetzner Cloud, DigitalOcean, Vultr, Akamai, AWS ou Google Cloud, ou sur n’importe quel VPS Ubuntu 24.04. Les serveurs d’application et web sont livrés avec Node.js 22, npm, Nginx et Supervisor.

  2. 2

    Créez un site Nuxt

    Choisissez le préréglage Nuxt et votre dépôt. Le site reçoit un port local libre, à partir de 3000, vers lequel Nginx redirige le trafic, et un processus qui y fait tourner votre app.

  3. 3

    Poussez

    Chaque push installe les paquets et exécute npm run build dans une nouvelle version. Ensuite current bascule et votre app redémarre sur le nouveau build.

Script de déploiement

Le script de déploiement Nuxt par défaut

Il installe exactement votre lockfile s’il y en a un, puis lance le build. Choisissez npm, yarn, pnpm ou bun comme gestionnaire de paquets à la création du site ; yarn et pnpm passent par Corepack. Le processus par défaut lance le serveur Nitro depuis .output/ ; modifiez-le sur la page Processus si vous démarrez Nuxt autrement.

Votre app elle-même est démarrée par le processus Application Nuxt, sous l’utilisateur du site dans la version en ligne, avec PORT réglé sur le port du site :

Script de déploiement — Nuxt par défaut
if [ -f package-lock.json ]; then npm ci; else npm install; fi
npm run build

# The process that runs your app, for port 3000:
# env PORT=3000 node .output/server/index.mjs

Ce que vous obtenez pour Nuxt

  • Un processus qui reste debout

    Supervisor démarre votre app au boot et la relance si elle plante. Chaque déploiement la redémarre : elle sert toujours le build le plus récent.

  • Nginx en frontal

    Nginx transmet chaque requête à votre app sur 127.0.0.1 et le port du site, avec vos domaines, vos redirections et des certificats Let’s Encrypt gratuits.

  • Sans interruption, avec rollback

    Un build qui échoue ne change rien en ligne. Les cinq versions les plus récentes restent sur le serveur, donc Revenir en arrière est instantané.

  • Variables d’environnement

    Enregistrez un .env sur la page Environnement ; il est stocké chiffré et lié dans chaque version. Redéployez après avoir modifié des valeurs intégrées au build.

  • Monorepos et paquets privés

    Pointez le site vers le dossier de votre app avec Répertoire racine. Un jeton de registre npm privé n’est utilisé que pendant le build.

  • D’autres processus

    Ajoutez vos propres processus à côté de l’app, comme un consommateur de file d’attente, depuis la page Processus du site.

Tous vos déploiements dans une seule liste

La page Déploiements liste chaque déploiement avec son commit, la personne qui l’a lancé et sa durée. Déployez par un push, appelez l’URL de déploiement depuis votre CI ou cliquez sur Déployer maintenant.

La page Déploiements d’un site dans Vimonto Deploy avec le script de déploiement, l’URL de déploiement et la liste des déploiements récents

Questions sur l’hébergement Nuxt

Sur quel port mon app Nuxt écoute-t-elle ?

Sur le port propre au site, à partir de 3000, transmis à votre app via PORT. Modifiez-le dans les paramètres du site, sous Port de votre application ; le processus suit et redémarre.

Comment le serveur Nuxt est-il démarré ?

Avec node .output/server/index.mjs, le serveur Nitro produit par nuxt build, dans la version en ligne. Nginx lui transmet chaque requête.

Puis-je héberger un site Nuxt généré statiquement ?

Oui. Créez le site avec le préréglage HTML, réglez la commande de build sur npm run generate et pointez le Répertoire web vers /.output/public. Nginx sert alors les fichiers et aucun processus Node.js ne tourne.

Quelle version de Node.js est installée ?

Les serveurs d’application et web reçoivent Node.js 22 avec npm, depuis NodeSource.

Puis-je faire tourner Nuxt et un backend PHP sur le même serveur ?

Oui. Un serveur accueille autant de sites que ses ressources le permettent, chacun avec son domaine et sa configuration Nginx, par exemple un frontend Nuxt à côté d’une API Laravel.

Combien ça coûte ?

Le forfait Gratuit couvre 1 serveur et 3 sites, avec toutes les fonctionnalités. Premium coûte 15 € par mois et par organisation, sans limites. Vos serveurs sont facturés par votre fournisseur cloud.

Pages associées

Votre prochain déploiement pourrait être en ligne avant que votre café ne refroidisse.

Créez une organisation, connectez un serveur et poussez. C'est tout.

Commencer à déployerLire la documentation