Dette er et eksempel på, hvordan man opsætter en Nuxt-applikation eller et statisk websted til at implementere på Kinsta’s Applikation eller Static Site Hosting-tjenester fra et GitHub-lager.

Nuxt er et open source-webudviklings framework, der giver dig mulighed for at bygge server-side-renderede Vue-applikationer og statiske websteder. Mere information er tilgængelig på Nuxts hjemmeside.

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 – NuxtJS
  2. I MyKinsta skal du tilføje et statisk websted med Hello World – NuxtJS-repository og følgende Build-indstillinger:
    • Byg kommando: npm run generate
    • Nodeversion: 18.16.0
    • Udgiv bibliotek: .output/public
  3. Siden er tilgængelig, så snart opbygningen er færdig, og Hello World-siden 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 – NuxtJS.
  2. I MyKinsta skal du tilføje en applikation med Hello World – NuxtJS-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 Hello World-siden indlæses på din applikations URL.

Opsætning af webserver

Port

Kinsta indstiller automatisk miljøvariablen PORT. Du behøver ikke at definere den eller indkode den i applikationen.

Start Kommando

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

Implementeringens livscyklus

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.

Hello World side

Appen er tilgængelig, så snart opbygningen er færdig, og Hello World-siden indlæses på din applikations URL eller websteds URL.

Nuxt Hello World-side efter en vellykket implementering.
Nuxt Hello World-side efter en vellykket implementering.