Creare un Sito Statico con Cuttlebelle su Kinsta

Questo è un esempio di come configurare un’applicazione Cuttlebelle per distribuire i servizi di Hosting di Applicazioni o di Siti Statici da un repository GitHub.

Cuttlebelle è un costruttore di siti statici che suddivide ogni pagina in blocchi di contenuto che possono essere successivamente assemblati per creare vari layout di pagina senza dover comprendere o utilizzare codici complessi. Maggiori informazioni sono disponibili sul sito web di Cuttlebelle.

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

Hosting di Siti Statici

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

Hosting di Applicazioni

1. Accedere a GitHub e creare un nuovo repository da questo template (Usa questo modello > Crea un nuovo repository): Kinsta – Hello World – Sito statico con Cuttlebelle
2. In MyKinsta, aggiungere un’applicazione con il repository Hello World Cuttlebelle. Il comando Start può essere lasciato vuoto per il processo web, poiché Kinsta rileva automaticamente il comando richiesto durante la prima distribuzione.
3. L’applicazione è disponibile non appena la build è terminata e la pagina di benvenuto di Kinsta viene caricata all’URL della vostra applicazione.

Configurazione del Server Web

Porta

Kinsta imposta automaticamente la variabile d’ambiente PORT. Non è necessario definirla né inserirla nell’applicazione. Il pacchetto serve utilizza automaticamente la porta impostata da Kinsta.

Comando di Avvio

Quando si distribuisce un’applicazione, Kinsta crea automaticamente un processo web con npm start come Comando di start. Assicurarsi di usare questo comando per eseguire 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 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 la pagina di benvenuto di Kinsta viene caricata sull’URL dell’applicazione o del sito statico.