Dit is een voorbeeld van hoe je een NuxtJS applicatie instelt om te deployen op Kinsta’s Applicatie Hosting diensten.

NuxtJS wordt geleverd met tal van features om de productiviteit van developers en de ervaring van eindgebruikers te verbeteren. De belangrijkste features zijn:

  • Geen configuratie nodig: Begin meteen met het coderen van je app, Nuxt zorgt voor de rest.
  • File system routing: Automatische routing en code splitting voor elke pagina.
  • Rendering modes: Schakel tussen statische-site generatie of on-demand server rendering.
  • Gegevens ophalen: Haal je content op uit elke source binnen je Vue componenten, SSR-ready.
  • Sterke conventies: Efficiënt teamwerk met een sterke mappenstructuur en conventies.
  • SEO-vriendelijk: Metatag-beheer en snellere time-to-content voor een goede indexering.
  • Automatisch importeren van componenten: Gebruik je componenten, Nuxt zal ze importeren met slimme code splitting.
  • Modules ecosysteem: Breid je app uit met 160+ Nuxt-modules of maak je eigen modules.

Meer informatie is beschikbaar op Nuxtjs.org.

Tijdens het deploymentproces installeert Kinsta automatisch de dependencies die in je package.json bestand zijn gedefinieerd.

  1. Fork de volgende GitHub repository: Kinsta – Hello World – NuxtJS.
  2. Voeg in MyKinsta een applicatie toe met de Hello World – NuxtJS repository. Het Start commando kan leeg gelaten worden voor het webproces, omdat Kinsta automatisch het vereiste commando detecteert tijdens de eerste deployment.

De app is beschikbaar zodra de build klaar is, en een Hello World pagina wordt geladen op de URL van je applicatie.

NuxtJS Hello World pagina na succesvolle installatie.
NuxtJS Hello World pagina na succesvolle installatie.

Webserver instellen

Poort

Kinsta stelt automatisch de PORT omgevingsvariabele in. Je hoeft deze niet te definiëren of te hardcoden in de applicatie.

Start commando

Wanneer je de applicatie implementeert, maakt Kinsta automatisch een webproces aan met npm start als Start commando.

Deployment levenscyclus

Telkens als een deployment wordt gestart (door een applicatie te maken of opnieuw te deployen vanwege een inkomende commit) wordt het commando npm build uitgevoerd, gevolgd door het commando npm start.