Voici un exemple de mise en place d’un site statique avec Next.js sur les services d’hébergement de sites statiques de Kinsta à partir d’un dépôt GitHub.

Next.js est le framework React pour le web. Vous trouverez plus d’informations sur le site nextjs.org.

Vous pouvez également utiliser ce modèle de démarrage rapide sur l’hébergement d’applications de Kinsta sans configuration supplémentaire. Si vous utilisez l’hébergement d’application, la commande Start peut être laissée vide pour le processus web car Kinsta détecte automatiquement la commande nécessaire lors du premier déploiement.

Pendant le processus de déploiement, Kinsta installe automatiquement les dépendances définies dans votre fichier package.json.

  1. Connectez-vous à GitHub et créez un nouveau dépôt à partir de ce modèle (Utiliser ce modèle > Créer un nouveau dépôt) : Kinsta – Hello World – Site statique avec Next.js
  2. Dans MyKinsta, ajoutez un site statique avec le dépôt Next.js Hello World. Les réglages de construction peuvent s’afficher automatiquement ; vérifiez qu’ils correspondent à ce qui suit et modifiez-les si nécessaire :
    • Commande de construction : npm run build
    • Node version : 16.20.0
    • Répertoire de publication : out
  3. Le site est disponible dès la fin de la construction, et la page Next.js par défaut se charge à l’URL de votre site.
Page par défaut de Next.js après un déploiement réussi de Next.js.
Page par défaut de Next.js après un déploiement réussi de Next.js.

Cycle de vie du déploiement

Chaque fois qu’un déploiement est initié (par la création d’un site statique ou par un redéploiement dû à un commit entrant), la commande de construction est exécutée, suivie par le déploiement du contenu du répertoire de publication.