SvelteKit

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

SvelteKit is een full-stack framework gebouwd bovenop het Svelte frontend framework. Het stelt ontwikkelaars in staat om krachtige, schaalbare webapplicaties te bouwen met minimale boilerplate en setup. Meer informatie is beschikbaar op de SvelteKit website.

Vereisten

• Kinsta’s snelstart sjablonen worden opgeslagen en beheerd in GitHub; daarom heb je een GitHub account nodig om ze te openen.
• Je moet een MyKinsta account aanmaken om de statische site te implementeren.

Een SvelteKit statische site deployen

1. Log in op GitHub en maak een nieuwe repository van deze template (Use this template > Create a new repository): static-sveltekit-demo.
2. Klik in MyKinsta op Statische sites > Site toevoegen > selecteer GitHub, klik op Verbind git provider > Autoriseren, en log in op je GitHub account.
3. Kies de SvelteKit repository, klik op Doorgaan, en voer het volgende in bij Build instellingen:
   • Build commando: npm run build
   • Node versie: 18
   • Publish directory: build
4. Klik op Site maken.

Tijdens het deploymentproces installeert Kinsta automatisch de dependencies die zijn gedefinieerd in je package.json bestand. De site is beschikbaar zodra de deployment is voltooid en de Kinsta welkomstpagina wordt geladen op de URL van je site.

Deployment levenscyclus

Wanneer een deployment wordt gestart (door het maken van een statische site of opnieuw deployen als gevolg van een inkomende commit), wordt het build commando uitgevoerd, gevolgd door de deployment  van de inhoud van de publish directory.