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

  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 Gatsby
  2. 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
  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 Gatsby
  2. 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.

Gatsby standardside efter implementering af Gatsby.
Gatsby standardside efter implementering af Gatsby.