Skapa en statisk webbplats med Astro på Kinsta

Detta är ett exempel på hur man ställer in en statisk webbplats med Astro på Kinsta’s tjänster för applikationshosting eller hosting av statiska webbplatser från ett GitHub-arkiv.

Astro är en statisk webbplatsbyggare med fokus på innehållsrika webbplatser för leverans av snabbare laddningstider med mindre JavaScript. Mer information finns på Astro’s hemsida.

Under distribuerings-processen installerar Kinsta beroenden som definieras i filen package.json automatiskt.

Hosting för statiska webbplatser

1. Skapa ett nytt arkiv från den här mallen (Använd den här mallen > Skapa ett nytt arkiv): Kinsta – Hello World – Statisk webbplats med Astro
2. I MyKinsta lägger du till en statisk webbplats med Hello World Astro-kodförrådet och följande bygginställningar:
   • Byggkommando: npm run build
   • Nod version: 18.16.0
   • Publicerings-katalog: dist
3. Webbplatsen är tillgänglig så snart som byggnationen är klar och Kinsta’s välkomstsida laddas på webbplatsens webbadress.

Applikationshosting

1. Skapa ett nytt arkiv från den här mallen (Använd den här mallen > Skapa ett nytt arkiv): Kinsta – Hello World – Statisk webbplats med Astro
2. I MyKinsta så lägger du till en applikation med Hello World Astro-arkivet. Start-kommandot kan lämnas tomt för webb-processen eftersom Kinsta upptäcker det nödvändiga kommandot automatiskt under den första distribueringen.
3. Appen är tillgänglig så snart som byggnationen är klar och Kinsta’s välkomstsida laddas på din applikations webbadress.

Inställning av webbserver

Port

Kinsta ställer in miljövariabeln PORT automatiskt. Du behöver inte definiera den eller hårdkoda den i applikationen. Paketet serve använder den port som Kinsta har ställt in automatiskt.

Startkommando

När du distribuerar programmet så skapar Kinsta automatiskt en webbprocess med npm start som start-kommando.

Livscykel för distribuering

Närhelst som en distribuering initieras (genom att skapa en applikation eller genom att återdistribuera på grund av ett inkommande utförande) så körs kommandot npm build, följt av kommandot npm start.

Välkomstsida

Appen eller webbplatsen är tillgänglig så snart som byggnationen är klar och Kinsta’s välkomstsida laddas på din applikations webbadress eller den statiska webbplatsens webbadress.