Dit is een voorbeeld van het opzetten van een statische site met Astro op Kinsta’s Applicatie Hosting diensten.

Astro is een alles-in-één webframework voor het bouwen van snelle, inhoudsgerichte websites met de volgende hoofdfuncties:

  • Components Islands: Een nieuwe webarchitectuur om snellere websites te bouwen.
  • Server-first API ontwerp: Verplaats dure hydratatie van de apparaten van je gebruikers.
  • Nul JS, standaard: Geen JavaScript runtime overhead die je vertraagt.
  • Edge-ready: Implementeer overal, zelfs een globale edge runtime zoals Deno of Cloudflare.
  • Aanpasbaar: Tailwind, MDX, en 100+ andere integraties waar je uit kan kiezen.
  • UI agnostisch: Ondersteunt React, Preact, Svelte, Vue, Solid, Lit, en meer.

Meer informatie is beschikbaar op de Astro website.

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

  1. Fork deze GitHub 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.

De app is beschikbaar zodra de build klaar is en een Hello Astronaut pagina laadt op de URL van je applicatie.

Astro Hello Astronaut pagina na succesvolle installatie.
Astro Hello Astronaut pagina na succesvolle installatie.

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.