Creare un’Applicazione Nuxt o un Sito Statico su Kinsta

Questo è un esempio di come creare un’applicazione o un sito statico Nuxt da distribuire sui servizi di Hosting di Applicazioni o Siti Statici di Kinsta da un repository GitHub .

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.

Hosting di Siti Statici

1. Accedere a GitHub e creare un nuovo repository da questo modello (Use this template > Create a new repository): Kinsta – Hello World – NuxtJS
2. In MyKinsta, aggiungere un sito statico con il repository Hello World – NuxtJS e le seguenti Impostazioni di build:
   • Comando di build: npm run generate
   • Versione Node: 18.16.0
   • Directory di pubblicazione: .output/public
3. Il sito è disponibile non appena la build è terminata, e la pagina Hello world si carica all’URL del vostro sito.

Hosting di Applicazioni

1. Accedere a GitHub e 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.
3. L’app è disponibile non appena la build è terminata, e l’applicazione pagina Hello world si carica all’URL del vostro sito.

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.

Pagina Hello World

L’applicazione è disponibile non appena la build termina e la pagina Hello World viene caricata sull’URL dell’applicazione o del sito.