Questo è un esempio di come configurare un sito statico con Docusaurus sui servizi di Hosting di Applicazioni di Kinsta.

Docusaurus è un generatore di siti statici. Crea un’applicazione a pagina singola con veloce navigazione lato client, sfruttando tutta la potenza di React per rendere il sito interattivo. È stato progettato per consentire ai team di pubblicare facilmente siti web di documentazione senza doversi preoccupare dell’infrastruttura e dei dettagli della progettazione. Tutto ciò che l’utente deve fornire sono i file della documentazione scritti in Markdown, una home page personalizzata scritta in React e alcune modifiche alla configurazione.

Durante il processo di distribuzione, Kinsta installa automaticamente le dipendenze definite nel file package.json.

  1. Create un fork di questo repository su GitHub: Kinsta – Hello World – Docusaurus
  2. In MyKinsta, aggiungete un’applicazione con il repository Hello World Docusaurus. Il comando Start può essere lasciato vuoto per il processo web, perché Kinsta rileva automaticamente il comando richiesto durante la prima distribuzione.

L’applicazione è disponibile non appena la compilazione termina e una pagina Docusaurus My Site predefinita viene caricata all’URL dell’applicazione.

Pagina predefinita My Site di Docusaurus dopo l'installazione.
Pagina predefinita My Site di Docusaurus dopo l’installazione.

Configurazione del Server Web

Porta

Kinsta imposta automaticamente la variabile d’ambiente PORT. Non è necessario definirla o aggiungerla al codice nell’applicazione. Il pacchetto serve utilizza automaticamente la porta impostata da Kinsta.

Comando di Avvio

Quando si distribuisce l’applicazione, Kinsta crea automaticamente un processo web con npm start come Comando di avvio.

Ciclo di Vita della Distribuzione

Ogni volta che viene avviata una distribuzione (attraverso la creazione di un’applicazione o una nuova distribuzione a causa di un commit in arrivo), viene eseguito il comando npm build, seguito dal comando npm start.