Questo è un esempio di come impostare un sito statico con Gatsby sui servizi di Hosting di Applicazioni o Siti Statici da un repository GitHub.

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

Hosting di Siti Statici

  1. Accedere a GitHub e creare un nuovo repository partendo da questo template (Use this template > Create a new repository): Kinsta – Hello World – Static Site With Gatsby
  2. In MyKinsta, aggiungere un sito statico con il repository Hello World Gatsby e le seguenti Impostazioni di build:
    • Comando di build: npm run build
    • Versione Node: 18.16.0
    • Directory di pubblicazione: public
  3. Il sito è disponibile non appena la build è terminata e la pagina di benvenuto di Kinsta viene caricata sull’URL del sito.

Hosting di Applicazioni

  1. Accedere a GitHub e creare un nuovo repository da questo template (Usa questo template > Crea un nuovo repository): Kinsta – Hello World – Static Site With Gatsby
  2. In MyKinsta, aggiungete un’applicazione con il repository Hello World Gatsby. Il comando Start può essere lasciato vuoto per il processo web perché Kinsta rileva automaticamente il comando richiesto durante la prima distribuzione.

Configurazione del Server Web

Porta

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

Comando Start

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

Ciclo di Vita del Deployment

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

Pagina di benvenuto

L’applicazione o il sito sono disponibili non appena la build è terminata e viene caricata una pagina Gatsby predefinita all’URL dell’applicazione.

Pagina predefinita di Gatsby dopo la distribuzione di Gatsby.
Pagina predefinita di Gatsby dopo la distribuzione di Gatsby.