Dette er et eksempel på, hvordan du opretter et statisk websted med Astro på Kinstas Applikation eller Static Site Hosting-tjenester fra et GitHub-repository.

Astro er en statisk webstedsbygger med fokus på indholdsrige websteder for at levere hurtigere indlæsningstider med mindre JavaScript. Mere information er tilgængelig på Astro hjemmesiden.

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

Statisk webstedshosting

  1. Log ind på GitHub og opret et nyt lager fra denne skabelon (Brug denne skabelon > Opret et nyt lager): Kinsta – Hello World – Static Site With Astro
  2. I MyKinsta skal du tilføje et statisk websted med Hello World – Astro-repository og følgende Build-indstillinger:
    • Byg kommando: npm run build
    • Nodeversion: 18.16.0
    • Udgiv bibliotek: dist
  3. Siden er tilgængelig, så snart opbygningen er færdig, og Kinsta-velkomstsiden indlæses på dit websteds URL.

Applikation Hosting

  1. Log ind på GitHub og opret et nyt repository fra denne skabelon (Brug denne skabelon > Opret et nyt repository): Kinsta – Hello World – Statisk websted med Astro
  2. I MyKinsta skal du tilføje en applikation med Hello World Astro-repositoriet. Start-kommandoen kan efterlades tom for webprocessen, da Kinsta automatisk registrerer den nødvendige kommando under den første implementering.
  3. Appen er tilgængelig, så snart opbygningen er færdig, og Kinsta-velkomstsiden indlæses på dit websteds URL.

Opsætning af webserver

Port

Kinsta indstiller automatisk miljøvariablen PORT. Du behøver ikke at definere den eller hardcode den i programmet. Serve-pakken bruger den port, der er indstillet af Kinsta, automatisk.

Start Kommando

Når du distribuerer applikationen, opretter Kinsta automatisk en webproces med npm start som Start-kommando.

Livscyklus for implementering

Når en implementering påbegyndes (ved at oprette en applikation eller genudrulning på grund af en indgående commit), køres kommandoen npm build efterfulgt af kommandoen npm start.

Velkomstside

Appen eller webstedet er tilgængeligt, så snart bygningen er færdig, og Kinsta-velkomstsiden indlæses på din applikations URL eller statiske websteds URL.

Kinsta velkomstside efter vellykket implementering af Astro.
Kinsta velkomstside efter vellykket implementering af Astro.