Questo esempio mostra come configurare un sito Astro con rendering lato server (SSR) sui servizi di Hosting di Applicazioni di Kinsta da un repository GitHub.

Di default, Astro è un costruttore di siti statici adatto alla creazione di siti web ricchi di contenuti, in grado di offrire tempi di caricamento più rapidi e meno codice JavaScript. Abilitando l’SSR in Astro, è possibile aggiungere al sito funzionalità dinamiche come le sessioni per il login, la connessione a un database e altro ancora. Maggiori informazioni sono disponibili sul sito web di Astro.

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

  1. Accedere a GitHub e creare un nuovo repository da questo template (Use this template > Create a new repository): Kinsta – Hello World – SSR Site with Astro.
  2. In MyKinsta, aggiungere un’applicazione con il repository Hello World Astro SSR. Il comando Start può essere lasciato vuoto per il processo web perché Kinsta rileva automaticamente il comando richiesto durante la prima distribuzione.

Non appena termina il processo di build, il sito è disponibile e la pagina di benvenuto di Kinsta viene caricata all’URL del sito.

Pagina di benvenuto di Kinsta dopo l'installazione di Astro.
Pagina di benvenuto di Kinsta dopo l’installazione di Astro.

Preferisci guardare la versione video?

Configurazione del server web

Porta

Kinsta imposta automaticamente la variabile d’ambiente PORT. Non è necessario definirla o inserirla nel codice dell’applicazione.

Comando di avvio

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

Ciclo di vita della distribuzione

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