Ceci est un exemple de la façon de mettre en place un site statique avec Docusaurus sur les services d’hébergement d’applications de Kinsta.

Docusaurus est un générateur de site statique. Il construit une application à page unique avec une navigation rapide côté client, en tirant parti de toute la puissance de React pour rendre votre site interactif. Il est conçu pour permettre aux équipes de publier facilement des sites web de documentation sans avoir à se soucier de l’infrastructure et des détails de conception. À la base, tout ce qu’un utilisateur doit fournir sont des fichiers de documentation écrits en Markdown, la personnalisation d’une page d’accueil fournie écrite en React, et quelques modifications de configuration.

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

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

L’application est disponible dès que la construction se termine et qu’une page Docusaurus My Site par défaut se charge à l’URL de votre application.

Page Mon Site par défaut de Docusaurus après une installation réussie.
Page Mon Site par défaut de Docusaurus 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. 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.