Hébergement Next.js
Next.js sur un serveur qui vous appartient
Auto-hébergez Next.js 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.
Du dépôt à la production en trois étapes
- 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
Créez un site Next.js
Choisissez le préréglage Next.js 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
Poussez
Chaque push installe les paquets et exécute
npm run builddans une nouvelle version. Ensuitecurrentbascule et votre app redémarre sur le nouveau build.
Script de déploiement
Le script de déploiement Next.js 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. Besoin d’une autre commande pour démarrer votre app ? Modifiez le processus sur la page Processus.
Votre app elle-même est démarrée par le processus Application Next.js, sous l’utilisateur du site dans la version en ligne, avec PORT réglé sur le port du site :
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 npm run startCe que vous obtenez pour Next.js
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.1et 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
.envsur 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.
Questions sur l’hébergement Next.js
Sur quel port mon app Next.js é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.
Le SSR, les routes API et l’App Router sont-ils pris en charge ?
Oui. Le site exécute next start, le serveur Next.js complet : rendu serveur, routes API, middleware et App Router fonctionnent comme en local.
Puis-je plutôt héberger un export statique de Next.js ?
Oui. Créez le site avec le préréglage HTML, définissez la commande de build et pointez le Répertoire web vers le dossier d’export, par exemple /out. 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 Next.js 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 Next.js à 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
- NuxtNuxt sur votre propre serveur : build au déploiement, exécuté comme processus Node.js derrière Nginx.
- DéploiementsDes versions sans interruption, le déploiement à chaque push, des URL de déploiement pour la CI et le rollback en un clic.
- Hetzner CloudDes serveurs en Allemagne, en Finlande, aux États-Unis et à Singapour, avec DNS et sauvegardes sur Object Storage.
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.