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

Qwik tilbyder øjeblikkelig indlæsning af webapplikationer af enhver størrelse eller kompleksitet med ca. 1 KB JavaScript og ensartet ydeevne på skala. Du kan finde flere oplysninger på Qwik-webstedet.

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 – Qwik
  2. I MyKinsta skal du tilføje et statisk websted med Hello World – Qwik-repository og følgende Build-indstillinger:
    • Byg kommando: npm run build.server
    • 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 – Qwik.
  2. I MyKinsta skal du tilføje en applikation med Hello World – Qwik. 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 Velkommen-siden indlæses på din applikations URL-adresse.

Opsætning af webserver

Port

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

Start Kommando

Når en applikation udrulles, opretter Kinsta automatisk en webproces med npm start som startkommando. Sørg for at bruge denne kommando til at køre din server.

Livscyklus for implementering

Når en implementering igangsættes (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 Qwik.
Kinsta velkomstside efter vellykket implementering af Qwik.