Voici un exemple de la manière de configurer une application ou un site statique Nuxt à déployer sur les services d’hébergement d’applications ou de sites statiques de Kinsta depuis un dépot GitHub.

Nuxt est un framework de développement web open source qui vous permet de construire des applications Vue à rendu côté serveur et des sites statiques. Vous trouverez de plus amples informations sur le site web de Nuxt.

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

Hébergement de sites statiques

  1. Connectez-vous à GitHub et créez un nouveau dépôt depuis ce modèle (Utiliser ce modèle > Créer un nouveau dépôt) : Kinsta – Hello World – NuxtJS.
  2. Dans MyKinsta, ajoutez un site statique avec le dépôt Hello World – NuxtJS et les réglages de construction suivants :
    • Commande de construction : npm run generate
    • Version de Node : 18.16.0
    • Répertoire de publication : .output/public
  3. Le site est disponible dès que la construction se termine, et la page Hello world se charge sur l’URL de votre site.

Hébergement d’application

  1. Connectez-vous à GitHub et créez un nouveau dépôt depuis ce modèle (Utiliser ce modèle > Créer un nouveau dépôt) : Kinsta – Hello World – NuxtJS.
  2. Dans MyKinsta, ajoutez une application avec le dépôt Hello World – NuxtJS. La commande Start peut être laissée vide pour le processus web car Kinsta détecte automatiquement la commande requise lors du premier déploiement.
  3. L’application est disponible dès la fin de la construction, et la page Hello World se charge sur l’URL de votre application.

Configuration du serveur web

Port

Kinsta définit automatiquement la variable d’environnement PORT. Vous n’avez pas besoin de la définir ou de la coder en dur dans l’application.

Commande de démarrage

Lorsque vous déployez l’application, Kinsta crée automatiquement un processus web avec npm start comme commande de démarrage.

Cycle de vie du déploiement

Chaque fois qu’un déploiement est initié (par la création d’une application ou le redéploiement en raison d’un commit entrant) la commande npm build est exécutée, suivie de la commande npm start.

Page Hello World

L’application est disponible dès la fin de la construction, et la page Hello World se charge sur l’URL de votre application ou de votre site.

Page Hello World de Nuxt après un déploiement réussi.
Page Hello World de Nuxt après un déploiement réussi.