Detta är ett exempel på hur man konfigurerar en Astro-webbplats med server-side rendering (SSR) från ett GitHub-kodförråd, på Kinsta’s tjänster för Applikationshosting.

Som standard är Astro en statisk webbplatsbyggare som fokuserar på innehållsrika webbplatser. Målet är att leverera snabbare laddningstider med mindre JavaScript. Om du aktiverar SSR i Astro blir det därför möjligt att lägga till dynamiska funktioner som sessioner för inloggning, anslutning till en databas med mera på din webbplats. Mer information finns på Astros webbplats.

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

  1. Logga in på GitHub och skapa ett nytt kodförråd från den här mallen (Använd den här mallen > Skapa ett nytt kodförråd): Kinsta – Hello World – SSR-webbplats med Astro.
  2. I MyKinsta, lägg till en applikation med Hello World Astro SSR-kodförrådet. Start-kommandot kan lämnas tomt för webbprocessen. Kinsta upptäcker nämligen det nödvändiga kommandot automatiskt under den första distribueringen.

Webbplatsen är tillgänglig så snart som byggandet är klart och Kinsta’s välkomstsida laddas på webbplatsens webbadress.

Kinsta’s välkomstsida efter lyckad installation av Astro.
Kinsta’s välkomstsida efter lyckad installation av Astro.

Inställning av webbserver

Port

Kinsta ställer in miljövariabeln PORT automatiskt. Du bör därför inte definiera den själv eller hårdkoda den i applikationen.

Start-kommando

När du distribuerar applikationen skapar Kinsta därefter en webbprocess med npm start som Start-kommando automatiskt. Se till att använda detta kommando för att köra din server.

Livscykel för distribuering

När en distribution initieras (genom att skapa en applikation eller återdistribuera på grund av ett inkommande utförande), körs kommandot npm build, därefter följt av kommandot npm start.