VuePress

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

VuePress est un générateur de site statique qui vous permet d’intégrer du contenu dynamique dans vos fichiers Markdown en utilisant des composants Vue pour produire des pages HTML statiques. Vous trouverez plus d’informations sur le site de VuePress.

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’applications, la commande de démarrage peut être laissée vide pour le processus web car Kinsta détecte automatiquement la commande n »cessaire lors du premier déploiement.

Pré-requis

• Les modèles de démarrage rapide de Kinsta sont stockés et gérés dans GitHub ; par conséquent, vous avez besoin d’un compte GitHub pour y accéder.
• Vous devez créer un compte MyKinsta pour déployer l’application.

Déployer un site statique VuePress

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 – Static Site with VuePress.
2. Dans MyKinsta, cliquez sur Sites statiques > Ajouter un site > sélectionnez GitHub, cliquez sur Connecter avec le fournisseur git > Autoriser, et connectez-vous à votre compte GitHub.
3. Choisissez le dépôt Hello World VuePress, cliquez sur Continuer, et saisissez ce qui suit dans les réglages de construction :
   • Commande de construction : npm run build
   • Version Node : 16.20.0
   • Répertoire de publication :./docs/.vuepress/dist

Kinsta installe automatiquement les dépendances définies dans votre fichier composer.json pendant le processus de déploiement. Le site est disponible dès que le déploiement est terminé, et la page Hello world se charge à l’URL de votre site.

Cycle de vie du déploiement

Chaque fois que vous lancez un déploiement (en créant une application ou en la redéployant à la suite d’un commit entrant), la commande npm build the est exécutée, suivie de la commande npm start.