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
- Accedere a GitHub e creare un nuovo repository da questo modello (Use this template > Create a new repository): Kinsta – Hello World – NuxtJS
- 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
- Comando di build:
- Il sito è disponibile non appena la build è terminata, e la pagina Hello world si carica all’URL del vostro sito.
Hosting di Applicazioni
- Accedere a GitHub e creare un nuovo repository da questo template (Usa questo template > Crea un nuovo repository): Kinsta – Hello World – NuxtJS
- 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’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.
