Questo è un esempio di come configurare un sito statico con Eleventy sui servizi di Hosting di Applicazioni di Kinsta da un repository GitHub.

Eleventy è un generatore di siti statici basato su JavaScript che consente agli sviluppatori di creare facilmente siti web veloci, moderni e personalizzabili. Maggiori informazioni sono disponibili sul sito web di Eleventy.

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

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

L’applicazione è disponibile non appena termina il processo di build e la pagina di benvenuto di Kinsta viene caricata all’URL dell’applicazione.

Pagina di benvenuto di Kinsta dopo la corretta installazione di Eleventy.
Pagina di benvenuto di Kinsta dopo la corretta installazione di Eleventy.

Configurazione del Server Web

Porta

Kinsta imposta automaticamente la variabile d’ambiente PORT. Non è necessario definirla e non sarà necessario codificarla nell’applicazione.

Comando di Avvio

Quando si distribuisce un’applicazione, Kinsta crea automaticamente un processo web con npm start come comando di avvio. Assicurarsi di utilizzare questo comando per avviare il server.

Ciclo di vita del Deployment

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