Voici un exemple de mise en place d’un site statique avec VitePress sur les services d’hébergement de sites statiques de Kinsta à partir d’un dépôt GitHub.
VitePress est un générateur de site statique basé sur Vite et Vue. Vous trouverez plus d’informations sur le site vitepress.dev.
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.
- 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 VitePress
- Dans MyKinsta, ajoutez un site statique avec le dépôt Hello World VitePress. 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 : 18.16.0
- Répertoire de publication : docs/.vitepress/dist
- Commande de construction :
- Le site est disponible dès la fin de la construction, et la page VitePress par défaut se charge à l’URL de votre site.
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 suite à un commit entrant), la commande de construction est exécutée, suivie par le déploiement du contenu du répertoire de publication.