Een statische site opzetten met Astro op Kinsta

Dit is een voorbeeld van hoe je een Astro applicatie instelt om met Kinsta’s Applicatie Hosting of Statische Site Hosting diensten te deployen vanuit een GitHub repository.

Astro is een statische sitebouwer die zich richt op websites met veel content om snellere laadtijden te leveren met minder JavaScript. Meer informatie is beschikbaar op de Astro website.

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

Statische Site Hosting

1. Log in op GitHub en maak een nieuwe repository vanuit deze template (Gebruik deze template > Create a new repository): Kinsta – Hello World – Statische Site With Astro.
2. Voeg in MyKinsta een statische site toe met de Hello World Astro repository en de volgende Build instellingen:
   • Build commando: npm run build
   • Node versie: 18.16.0
   • Publish directory: dist
3. De app is beschikbaar zodra de build is voltooid en de Kinsta welkomstpagina wordt geladen op de URL van je applicatie.

Applicatie Hosting

1. Log in op GitHub en maak een nieuwe repository aan vanuit deze template (gebruik deze template > maak een nieuwe repository): Kinsta – Hello World – Static Site With Astro
2. Voeg in MyKinsta een applicatie toe met de Hello World Astro repository. Het Start commando kan leeg gelaten worden voor het webproces, omdat Kinsta automatisch het vereiste commando detecteert tijdens de eerste deployment.
3. De app is beschikbaar zodra de build is voltooid en de Kinsta welkomstpagina wordt geladen op de URL van je applicatie.

Webserver-instelling

Poort

Kinsta stelt automatisch de PORT omgevingsvariabele in. Je hoeft deze niet te definiëren of hard te coderen in de applicatie. Het serve pakket gebruikt automatisch de door Kinsta ingestelde poort.

Start commando

Wanneer je de applicatie deployt, maakt Kinsta automatisch een webproces aan met npm start als startcommando.

Deployment levenscyclus

Telkens als een deployment wordt gestart (door een applicatie te maken of opnieuw te deployen vanwege een inkomende commit), wordt het commando npm build uitgevoerd, gevolgd door het commando npm start.

Welkomstpagina

De app of site is beschikbaar zodra het bouwen is voltooid en de Kinsta welkomstpagina wordt geladen op de URL van je applicatie of statische site.