Dette er et eksempel på, hvordan du konfigurerer en NuxtJS-applikation til implementering på Kinstas Applikation Hosting-tjenester.

NuxtJS leveres med masser af funktioner til at øge udviklerens produktivitet og slutbrugerens oplevelse. De vigtigste funktioner omfatter:

  • Nul-konfiguration: Begynd at kode din app med det samme, Nuxt tager sig af resten.
  • Ruteføring i filsystemet: Automatisk routing og kodeopdeling for hver side.
  • Rendering Modes: Skift mellem statisk site-generering eller on-demand serverrendering.
  • Data Fetching: Hent dit indhold fra enhver kilde i dine Vue-komponenter, SSR ready.
  • Stærke konventioner: Effektivt teamwork med en stærk mappestruktur og konventioner.
  • SEO-venlig: Meta-tag-håndtering og hurtigere time-to-content for god indeksering.
  • Komponenter Auto-import: Brug dine komponenter, Nuxt vil importere dem med smart kodeopdeling.
  • Moduler Økosystem: Udvid din app med 160+ Nuxt-moduler og opret dine egne.

Der findes flere oplysninger på Nuxtjs.org.

Under implementeringsprocessen installerer Kinsta automatisk de afhængigheder, der er defineret i din package.json-fil.

  1. Fork følgende GitHub-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.

Appen er tilgængelig, så snart opbygningen er færdig, og en Hello World-side indlæses på din applikations URL-adresse.

NuxtJS Hello World-siden efter en vellykket installation.
NuxtJS Hello World-siden efter en vellykket installation.

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.