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

Docusaurus est un générateur de sites web statiques spécialisé dans la production de sites web de documentation simples à construire, ne nécessitant qu’un minimum d’expérience en matière de codage, afin que vous puissiez l’utiliser dès le départ. Vous trouverez plus d’informations sur le site web de Docusaurus.

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

Hébergement de site statique

  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 – Docusaurus
  2. Dans MyKinsta, ajoutez un site statique avec le dépôt Hello World Docusaurus et les réglages de construction suivants :
    • Commande de construction : npm run build
    • Version de Node : 18.16.0
    • Répertoire de publication : construction
  3. Le site est disponible dès la fin de la construction, et la page par défaut de Docusaurus se charge à l’URL de votre site.

Hébergement de l’application

  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 – Docusaurus
  2. Dans MyKinsta, ajoutez une application avec le dépôt Hello World Docusaurus. 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.
  3. L’application est disponible dès que la construction est terminée, et la page par défaut de Docusaurus se charge à 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. Le paquet serve utilise automatiquement le port défini par Kinsta.

Commande de démarrage

Quand 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 par défaut de Docusaurus

L’application ou le site est disponible dès la fin de la construction, et une page Docusaurus par défaut se charge à l’URL de votre application ou de votre site statique.

Page par défaut de Docusaurus après un déploiement réussi.
Page par défaut de Docusaurus après un déploiement réussi.