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

NuxtJS viene fornito con numerose funzionalità che aumentano la produttività degli sviluppatori e migliorano l’esperienza degli utenti finali. Tra le caratteristiche principali ricordiamo:

  • Zero configurazione: si inizia subito a programmare la propria applicazione, Nuxt si occupa di tutto il resto.
  • Instradamento del file system: instradamento automatico e suddivisione del codice per ogni pagina.
  • Modalità di rendering: passa dalla generazione di siti statici al rendering on-demand sul server.
  • Recupero dei dati: si recuperano i contenuti da qualsiasi fonte nei componenti Vue, pronti per l’SSR.
  • Convenzioni forti: lavoro di team efficiente con una forte struttura di directory e convenzioni.
  • SEO Friendly: gestione dei meta tag e time-to-content più veloce per un’ottima indicizzazione.
  • Importazione automatica dei componenti: utilizzando i propri componenti, Nuxt li importerà con una suddivisione intelligente del codice.
  • Ecosistema di moduli: è possibile estendere le app con gli oltre 160 moduli Nuxt e creare i propri moduli.

Maggiori informazioni sono disponibili su Nuxtjs.org.

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

  1. Eseguire il fork dei seguenti repository GitHub: 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 NuxtJS dopo l'installazione.
La pagina Hello World di NuxtJS 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.