Dette er et eksempel på, hvordan du opretter et statisk websted med Gatsby på Kinsta’s Applikation Hosting eller Static Site Hosting-tjenester fra et GitHub-repository.
Under implementeringsprocessen installerer Kinsta automatisk afhængigheder, der er defineret i din package.json-fil.
Statisk webstedshosting
- 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 Gatsby
- I MyKinsta skal du tilføje et statisk websted med Hello World Gatsby-repository og følgende Build-indstillinger:
- Byg kommando:
npm run build
- Nodeversion: 18.16.0
- Udgiv bibliotek: public
- Byg kommando:
- Siden er tilgængelig, så snart opbygningen er færdig, og Kinsta-velkomstsiden indlæses på dit websteds URL.
Applikation Hosting
- 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 Gatsby
- I MyKinsta skal du tilføje en applikation med Hello World Gatsby-repositoriet. Start-kommandoen kan efterlades tom for webprocessen, da Kinsta automatisk registrerer den nødvendige kommando under den første implementering.
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 programmet, 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 ved at genimplementere 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 opbygningen er færdig, og en standard Gatsby-side indlæses på din applikations URL.
