Dit is een voorbeeld van het opzetten van een statische site met Gatsby op Kinsta’s Applicatie Hosting of Statische Site Hosting diensten vanuit een GitHub repository.
Tijdens het deployen installeert Kinsta automatisch dependencies die zijn gedefinieerd in je package.json bestand.
Statische Site Hosting
- Log in op GitHub en maak een nieuwe repository vanuit deze template (Gebruik deze template > Create a new repository): Kinsta – Hello World – Static Site With Gatsby.
- Voeg in MyKinsta een statische site toe met de Hello World Gatsby repository en de volgende Build instellingen:
- Build commando:
npm run build - Node versie: 18.16.0
- Publish directory: public
- Build commando:
- De site is beschikbaar zodra de build is voltooid en de Kinsta welkomstpagina wordt geladen op de URL van je applicatie.
Applicatie Hosting
- 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 Gatsby
- Voeg in MyKinsta een applicatie toe met de Hello World Gatsby repository. Het Start commando kan leeg gelaten worden voor het webproces, omdat Kinsta automatisch het vereiste commando detecteert tijdens de eerste deployment.
Webserver instellen
Poort
Kinsta stelt automatisch de PORT omgevingsvariabele in. Je hoeft deze niet te definiëren of te hard-coden in de applicatie. Het serve pakket gebruikt automatisch de door Kinsta ingestelde poort.
Start commando
Als je de applicatie deployt, maakt Kinsta automatisch een webproces aan met npm start als start commando.
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 de build klaar is, en een standaard Gatsby pagina wordt geladen op de URL van je applicatie.
