Creare un Sito Statico con Astro su Kinsta

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

Astro è un costruttore di siti statici particolarmente adatto a siti web ricchi di contenuti, che garantisce tempi di caricamento più rapidi e meno codice JavaScript. Maggiori informazioni sono disponibili sul sito web di Astro.

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 da questo template (Use this template > Create a new repository): Kinsta – Hello World – Static Site With Astro
2. In MyKinsta, aggiungere un sito statico con il repository Hello World Astro e le seguenti Impostazioni di build:
   • Comando di build: npm run build
   • Versione Node: 18.16.0
   • Directory di pubblicazione: dist
3. Non appena la build è terminata, il sito è disponibile e la pagina di benvenuto di Kinsta viene caricata all’URL del sito.

Hosting di Applicazioni

1. Accedere a GitHub e creare un nuovo repository da questo template (Use this template > Create a new repository): Kinsta – Hello World – Static Site With Astro
2. In MyKinsta, aggiungere un’applicazione con il repository Hello World Astro. Il comando Start può essere lasciato vuoto per il processo web, perché Kinsta rileva automaticamente il comando richiesto durante la prima distribuzione.
3. Non appena la build è terminata, l’applicazione è disponibile e la pagina di benvenuto di Kinsta viene caricata all’URL dell’applicazione.

Configurazione del Server Web

Porta

Kinsta imposta automaticamente la variabile d’ambiente PORT. Non è necessario definirla o inserirla nel codice dell’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 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

Non appena la build è terminata, l’applicazione o il sito sono disponibili e la pagina di benvenuto di Kinsta viene caricata sull’URL dell’applicazione o del sito statico.