Astro

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

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

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 de vereiste opdracht detecteert tijdens de eerste deployment.

Vereisten

  • Kinsta’s Quickstart templates 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 applicatie te deployen.

Een Astro statische site deployen

  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 Astro.
  2. Klik in MyKinsta op Statische Sites > Add site > selecteer GitHub, klik op Verbind git provider > Authorize, en log in op je GitHub account.
  3. Kies de Hello World Astro repository, klik op Doorgaan, en voer het volgende in bij de Build instellingen:
    • Bouw commando: npm run build
    • Node versie: 18.16.0
    • Publish directory: dist
  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.

Kinsta welkomstpagina na succesvolle deployment van Astro.
Kinsta welkomstpagina na succesvolle deployment van Astro.

Deployment levenscyclus

Wanneer een rollout wordt gestart (door het maken van een applicatie of opnieuw uitrollen als gevolg van een inkomende commit), wordt het commando npm build uitgevoerd, gevolgd door het commando npm start.

Was dit artikel nuttig?