Dit is een voorbeeld van hoe je een statische site kunt opzetten met VitePress op Kinsta’s Statische Site Hosting diensten vanuit een GitHub repository.

VitePress is een Vite en door Vue aangedreven statische sitegenerator. Meer informatie is beschikbaar op de website vitepress.dev.

Je kunt deze quickstart template ook gebruiken op Kinsta’s Applicatie Hosting zonder extra configuratie. Als je Applicatie Hosting gebruikt, kun je het Start commando leeg laten voor het webproces, omdat Kinsta automatisch het vereiste commando detecteert tijdens de eerste deployment.

Tijdens het deploymentproces installeert Kinsta automatisch de dependencies die zijn gedefinieerd in je package.json bestand.

  1. Log in op GitHub en maak een nieuwe repository van deze template (Use this template > Create a new repository): Kinsta – Hello World – Static Site With VitePress
  2. Voeg een statische site toe in MyKinsta met de Hello World VitePress repository. De Build instellingen kunnen automatisch worden ingevuld; controleer of ze overeenkomen met de volgende en wijzig ze indien nodig:
    • Build commando: npm run build
    • Node versie: 18.16.0
    • Publiceer directory: docs/.vitepress/dist
  3. De site is beschikbaar zodra het bouwen is voltooid en de standaard VitePress pagina wordt geladen op de URL van je site.
De standaardpagina van VitePress na een succesvolle deployment van VitePress.
De standaardpagina van VitePress na een succesvolle deployment van VitePress.

Deployment levenscyclus

Telkens wanneer een deployment wordt gestart (door het maken van een statische site of een re-deployment als gevolg van een inkomende commit), wordt het build commando uitgevoerd, gevolgd door de deployment van de inhoud van de publish directory.