Questo è un esempio di come configurare un’applicazione NuxtJS da distribuire sui servizi di Hosting di Applicazioni di Kinsta.

Nuxt è un framework di sviluppo web open-source che consente di creare applicazioni Vue renderizzate lato server e siti statici. Maggiori informazioni sono disponibili sul sito web di Nuxt.

Durante il processo di distribuzione, Kinsta installa automaticamente le dipendenze definite nel file package.json.

  1. Creare un nuovo repository da questo template (Usa questo template > Crea un nuovo repository): Kinsta – Hello World – NuxtJS.
  2. In MyKinsta, aggiungere un’applicazione con il repository Hello World – NuxtJS. Il comando Start può essere lasciato vuoto per il processo web perché Kinsta rileva automaticamente il comando richiesto durante la prima distribuzione.

L’applicazione è disponibile non appena la compilazione termina e viene caricata una pagina Hello World all’URL dell’applicazione.

La pagina Hello World di Nuxt dopo l'installazione.
La pagina Hello World di Nuxt dopo l’installazione.

Configurazione del Server Web

Porta

Kinsta imposta automaticamente la variabile d’ambiente PORT. Non è necessario definirla o inserirla nel codice dell’applicazione.

Comando Start

Quando si distribuisce l’applicazione, Kinsta crea automaticamente un processo web con npm start come comando di avvio.

Ciclo di Vita dell’Installazione Client

Ogni volta che viene avviata una distribuzione (attraverso la creazione di un’applicazione o una nuova distribuzione a causa di un commit in arrivo) viene eseguito il comando npm build, seguito dal comando npm start.