Ceci est un exemple de la façon de configurer une application NuxtJS à déployer sur les services d’hébergement d’applications de Kinsta.

NuxtJS est livré avec de nombreuses fonctionnalités pour stimuler la productivité des développeurs et l’expérience des utilisateurs finaux. Les principales fonctionnalités comprennent :

  • Zéro configuration : Commencez à coder votre application dès maintenant, Nuxt s’occupe du reste.
  • Routage du système de fichiers : Routage automatique et division du code pour chaque page.
  • Modes de rendu : Passez de la génération de site statique au rendu serveur à la demande.
  • Récupération de données : Récupérez votre contenu depuis n’importe quelle source dans vos composants Vue, prêts pour SSR.
  • Conventions solides : Un travail d’équipe efficace avec une structure de répertoire et des conventions solides.
  • Ami du SEO : Gestion des balises Meta et accélération du délai d’accès au contenu pour une indexation optimale.
  • Importation automatique des composants : Utilisez vos composants, Nuxt les importera avec un découpage intelligent du code.
  • Écosystème de modules : Étendez votre application avec plus de 160 modules Nuxt et créez les vôtres.

Plus d’informations sont disponibles sur Nuxtjs.org.

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

  1. Forkez le dépôt GitHub suivant : 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.

L’application est disponible dès que la construction est terminée, et une page Hello World se charge à l’URL de votre application.

Page Hello World de NuxtJS après une installation réussie.
Page Hello World de NuxtJS après une installation réussie.

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.