Questo è un esempio di come configurare un sito statico con Astro sui servizi di Hosting di Applicazioni di Kinsta.

Astro è un framework web all-in-one per la creazione di siti web veloci e incentrati sui contenuti con le seguenti caratteristiche:

  • Component Islands: una nuova architettura web per costruire siti più veloci.
  • Design API server-first: per spostare la costosa idratazione dai dispositivi degli utenti.
  • Zero JS, predefinito: nessun overhead di runtime JavaScript che vi rallenta.
  • Edge-ready: distribuite ovunque, anche su un runtime edge globale come Deno o Cloudflare.
  • Personalizzabile: Tailwind, MDX e oltre 100 altre integrazioni tra cui scegliere.
  • Indipendente dall’interfaccia utente: supporta React, Preact, Svelte, Vue, Solid, Lit e altri ancora.

Ulteriori informazioni sono disponibili sul sito web di Astro.

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

  1. Create un fork di questo repository su GitHub: Kinsta – Hello World – Sito statico con Astro
  2. In MyKinsta, aggiungete 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.

L’applicazione è disponibile non appena la compilazione termina e viene caricata una pagina Hello Astronaut all’URL dell’applicazione.

La pagina Hellow Astronaut di Astro dopo l'installazione.
La pagina Hellow Astronaut di Astro dopo l’installazione.

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.