Déployer une Application Next.js


Pour déployer une application Next.js sur Hostman, accédez à la section Plateforme d’Apps et cliquez sur Créer.

Étape 1. Sélectionner le type d’application
Copier le lien

Dans l’onglet Frontend, sélectionnez Next.js. Choisissez également la version de Node.js souhaitée.

5f5f675e 9810 4fc3 A7d3 Fd0c44da91d0

Étape 2. Connecter un dépôt
Copier le lien

Vous pouvez connecter un dépôt :

  • Depuis votre compte GitHub, GitLab ou BitBucket. Cliquez sur le nom de la plateforme, connectez-vous et sélectionnez le dépôt souhaité. Si vous êtes déjà connecté, Hostman affichera immédiatement les dépôts disponibles.

  • Par URL, en fournissant un lien vers un dépôt hébergé sur une autre plateforme. Cliquez sur Connecter un dépôt via URL et saisissez l’URL Git du dépôt. Si le dépôt est privé, indiquez également les identifiants d’accès.

En savoir plus sur la connexion de dépôts ici.

Étape 3. Sélectionner une branche et un commit
Copier le lien

  1. Sélectionnez une branche à déployer.
  2. Par défaut, l’option Build à partir du dernier commit exécuté est activée. Ainsi, la plateforme déploiera le dernier commit et reconstruira automatiquement l’application à chaque nouveau commit. Vous pouvez désactiver le déploiement automatique si besoin.

Pour choisir un commit spécifique manuellement, désactivez cette option.

Étape 4. Choisir l’emplacement du serveur
Copier le lien

Sélectionnez l’emplacement du serveur.

Ff02b5ce 21be 4ab3 9c5d 962baecdabd5

Pour toutes les applications frontend, nous proposons une configuration de base avec 1 Go NVMe et une limite de 200 000 requêtes par mois.

Étape 5. Configurer les paramètres de build
Copier le lien

La plateforme détectera automatiquement la commande de build et le répertoire de build, donc vous n’avez généralement rien à modifier.

Si votre projet requiert des modules supplémentaires, vous pouvez définir vos propres commandes, combinées avec && si besoin.

Vous pouvez aussi définir des variables si nécessaire.

Vous pourrez modifier ces paramètres plus tard et redéployer l’app avec les nouvelles valeurs.

Étape 6. Saisir les informations de l’application
Copier le lien

Ici, vous pouvez indiquer un nom et un commentaire pour votre app, qui s’afficheront dans le tableau de bord Hostman. Vous pouvez aussi choisir un projet auquel associer l’app.

Ces paramètres peuvent être modifiés à tout moment.

Étape 7. Déployer
Copier le lien

Cliquez sur Démarrer le déploiement. Une fois le processus lancé, vous verrez le journal dans l’onglet Déploiement.

Le journal de déploiement contient toutes les informations nécessaires pour résoudre d’éventuels problèmes. En cas d’erreur dans le code, il affichera un message précisant la cause.

Lors du premier déploiement, l’installation du serveur peut prendre un certain temps. Une fois terminée, le statut de l’application sera mis à jour et un message apparaîtra dans le journal.

C’est terminé !

Vous pouvez retrouver l’URL de votre app (domaine technique associé) sur la page principale dans la section Apps ou dans l’onglet Paramètres de l’application. Vous pouvez également associer votre propre domaine.

L’application fonctionnera sur les ports 443 et 80.

La plateforme Hostman surveillera les mises à jour dans le dépôt et, si le déploiement automatique est activé, elle reconstruira automatiquement l’app avec les nouveaux changements.