Questo è un esempio di come impostare un sito statico con VitePress sui servizi di Hosting di Siti Statici di Kinsta partendo da un repository GitHub.

VitePress è un generatore di siti statici alimentato da Vite e Vue. Maggiori informazioni sono disponibili sul sito web vitepress.dev.

È possibile utilizzare questo modello di avvio rapido anche con l’Hosting di Applicazioni di Kinsta senza alcuna configurazione aggiuntiva. Se si utilizza l’Hosting di Applicazioni, il comando Start può essere lasciato vuoto per il processo web poiché Kinsta rileva automaticamente il comando richiesto durante la prima distribuzione.

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

  1. Accedere a GitHub e creare un nuovo repository da questo modello (Use this template > Create a new repository): Kinsta – Hello World – Static Site with VitePress
  2. In MyKinsta, aggiungere un sito statico con il repository Hello World VitePress. Le impostazioni di Build potrebbero essere auto-popolate; controllare che corrispondano a quelle indicate di seguito e, se necessario, modificarle:
    • Comando di build: npm run build
    • Versione Node: 18.16.0
    • Directory di pubblicazione: docs/.vitepress/dist
  3. Il sito è disponibile non appena la build termina e la pagina predefinita di VitePress viene caricata all’URL del sito.
Pagina predefinita di VitePress dopo la distribuzione di VitePress.
La pagina predefinita di VitePress dopo la distribuzione di VitePress.

Ciclo di vita della distribuzione

Ogni volta che viene avviata una distribuzione (attraverso la creazione di un sito statico o una nuova distribuzione a causa di un commit in entrata), viene eseguito il comando di build, seguito dalla distribuzione dei contenuti della Directory di pubblicazione.