Questo è un esempio di come creare un’applicazione o un sito statico con Vite da distribuire sui servizi di Hosting di Applicazioni o Siti Statici di Kinsta da un repository GitHub.
Vite è uno strumento che permette di creare applicazioni decentralizzate; fornisce strumenti e API per gli sviluppatori per semplificare lo sviluppo e supporta diversi linguaggi di programmazione. Maggiori informazioni sono disponibili sul sito web di Vite.
React è una popolare libreria JavaScript per la creazione di interfacce utente. Permette agli sviluppatori di creare componenti riutilizzabili dell’interfaccia utente e di aggiornare in modo efficiente l’interfaccia in risposta alle modifiche dei dati. Maggiori informazioni sono disponibili sul sito web di React.
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 – Vite + React
- In MyKinsta, aggiungere un sito statico con il repository Hello World – Vite + React e le seguenti Impostazioni di build:
- Comando di build:
npm run build - Versione Node: 18.16.0
- Directory di pubblicazione: dist
- Comando di build:
- Il sito è disponibile non appena la build è terminata e la pagina di benvenuto di Kinsta viene caricata all’URL del vostro sito.
Hosting di Applicazioni
- Accedere a GitHub e creare un nuovo repository da questo modello (Use this template > Create a new repository): Kinsta – Hello World – Vite + React
- In MyKinsta, aggiungere un’applicazione con il repository Hello World – Vite + React. Il comando Start può essere lasciato vuoto per il processo web, perché Kinsta rileva automaticamente il comando richiesto durante la prima installazione
- L’applicazione è disponibile non appena la build è terminata e la pagina di benvenuto di Kinsta viene caricata all’URL della vostra applicazione.
Configurazione del Server Web
Porta
Kinsta imposta automaticamente la variabile d’ambiente PORT. Non bisogna definirla e non bisogna inserirla nell’applicazione.
Comando di Avvio
Quando distribuisce un’applicazione, Kinsta crea automaticamente un processo web basato sul comando npm start nel file package.json.
Ciclo di Vita del Deployment
Ogni volta che viene avviata una distribuzione (attraverso la creazione di un’applicazione o la nuova distribuzione per un commit in arrivo), vengono eseguiti i comandi npm install e npm build.
Pagina di benvenuto
L’applicazione o il sito sono disponibili non appena la build è terminata e la pagina di benvenuto di Kinsta viene caricata sull’URL dell’applicazione o del sito statico.
