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
- Log ind på GitHub og opret et nyt lager fra denne skabelon (Brug denne skabelon > Opret et nyt lager): Kinsta – Hello World – NuxtJS
- 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
- Byg kommando:
- Siden er tilgængelig, så snart opbygningen er færdig, og Hello World-siden 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 – NuxtJS.
- 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.
- 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.
