Dit is een voorbeeld van hoe je een Astro site kunt opzetten met server-side rendering (SSR) op Kinsta’s Applicatie Hosting vanuit een GitHub repository.

Standaard is Astro een statische sitebouwer die zich richt op websites met veel inhoud om snellere laadtijden te leveren met minder JavaScript. Het inschakelen van SSR in Astro maakt het mogelijk om dynamische functies zoals sessies voor inloggen, verbinding maken met een database en meer toe te voegen aan je site. Meer informatie is beschikbaar op de Astro website.

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 – Hallo World – SSR Site With Astro.
  2. Voeg een applicatie toe in MyKinsta met de Hello World Astro SSR repository. Het Start commando kan leeg gelaten worden voor het webproces omdat Kinsta automatisch het benodigde commando detecteert tijdens de eerste deployment.

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

Kinsta welkomstpagina na succesvolle installatie van Astro.
Kinsta welkomstpagina na succesvolle installatie van Astro.

Kijk je liever de videoversie?

Webserver instellen

Poort

Kinsta stelt automatisch de omgevingsvariabele PORT in. Je moet deze niet zelf definiëren of hard coderen in de applicatie.

Start commando

Wanneer je de applicatie deployt, maakt Kinsta automatisch een webproces aan met npm start als start commando. Zorg ervoor dat je dit commando gebruikt om je server te starten.

Deployment levenscyclus

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