Dette er et eksempel på, hvordan man opsætter et Astro-site med server-side rendering (SSR) på Kinstas Applikation Hosting-tjenester fra et GitHub-arkiv.

Som standard er Astro en statisk site builder, der fokuserer på indholdsrige websites for at levere hurtigere indlæsningstider med mindre JavaScript. Aktivering af SSR i Astro gør det muligt at tilføje dynamiske funktioner som sessioner til login, forbindelse til en database og meget mere til din hjemmeside. Du kan finde flere oplysninger på Astros hjemmeside.

Under implementeringsprocessen installerer Kinsta automatisk afhængigheder, der er defineret i din package.json-fil.

  1. Log ind på GitHub og opret et nyt repository fra denne skabelon (Brug denne skabelon > Opret et nyt repository): Kinsta – Hello World – SSR-websted med Astro.
  2. I MyKinsta skal du tilføje en applikation med Hello World Astro SSR repository. Start-kommandoen kan efterlades tom for webprocessen, da Kinsta automatisk registrerer den krævede kommando under den første implementering.

Webstedet er tilgængeligt, så snart bygningen er færdig, og Kinstas velkomstside indlæses på dit websteds URL.

Kinstas velkomstside efter vellykket installation af Astro.
Kinstas velkomstside efter vellykket installation af Astro.

Foretrækker du at se videoversionen?

Opsætning af webserver

Port

Kinsta indstiller automatisk miljøvariablen PORT. Du skal ikke selv definere den eller hardcode den i applikatonen.

Start-kommando

Når du implementerer applikationen, opretter Kinsta automatisk en webproces med npm start som Start-kommando. Sørg for at bruge denne kommando til at køre din server.

Implementeringens livscyklus

Hver gang en implementering påbegyndes (gennem oprettelse af en applikation eller gen-udrulning på grund af en indgående commit), køres npm build -kommandoen efterfulgt af npm start -kommandoen.