Astro

In questo articolo vedremo come impostare un sito statico con Astro sui servizi di Hosting di Siti Statici di Kinsta partendo da un repository GitHub.

Astro è un costruttore di siti statici progettato per la creazione di siti web ricchi di contenuti in grado di offrire tempi di caricamento più rapidi con meno codice JavaScript. Maggiori informazioni sono disponibili sul sito web di Astro.

È possibile utilizzare questo template di avvio rapido anche con l’Hosting di Applicazioni di Kinsta senza aver bisogno di ulteriore configurazione. Con l’Hosting di Applicazioni, il comando Start per il processo web può essere lasciato vuoto poiché Kinsta rileva automaticamente il comando richiesto durante la prima distribuzione.

Prerequisiti

• I template di avvio rapido di Kinsta sono archiviati e gestiti su GitHub; pertanto, per accedervi è necessario avere un account GitHub.
• Sarà anche necessario creare un account MyKinsta per distribuire l’applicazione.

Distribuire un sito statico Astro

1. Accedete a GitHub e create un nuovo repository da questo template (Use this template > Create a new repository): Kinsta – Hello World – Static Site With Astro.
2. In MyKinsta, fate clic su Siti statici > Aggiungi sito > selezionate GitHub, fate clic su Connetti provider git > Autorizza e accedete all’account GitHub.
3. Scegliete il repository Hello World Astro, fate clic su Continua e inserite quanto segue nelle impostazioni di Build:
   • Comando di build: npm run build
   • Versione Node: 18.16.0
   • Directory di pubblicazione: dist
4. Fate clic su Crea sito.

Durante la distribuzione, Kinsta installa automaticamente le dipendenze definite nel file package.json. Il sito è disponibile non appena la distribuzione termina e la pagina di benvenuto di Kinsta viene caricata all’URL del sito.

Ciclo di vita della distribuzione

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