Dit is een voorbeeld van het opzetten van een statische site met Qwik op Kinsta’s Applicatie Hosting diensten vanuit een GitHub repository.

Qwik biedt direct laden van webapplicaties van elke grootte of complexiteit met ongeveer 1 KB JavaScript en consistente prestaties, ook op schaal. Meer informatie is beschikbaar op de website van Qwik.

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

  1. Log in op GitHub en maak een nieuwe repository aan vanuit deze template (Use this template > Create a new repository): Kinsta – Hello World – Qwik.
  2. Voeg in MijnKinsta een applicatie toe met de Hello World – Qwik. Het Start commando kan voor het webproces leeg gelaten worden, omdat Kinsta automatisch het vereiste commando detecteert tijdens de eerste deployment.

De app is beschikbaar zodra de build klaar is, en de Kinsta Welcome pagina laadt op de URL van je applicatie.

Kinsta Welkomstpagina na succesvolle installatie van Qwik.
Kinsta Welkomstpagina na succesvolle installatie van Qwik.

Instellingen webserver

Poort

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

Start commando

Bij het deployen van een applicatie maakt Kinsta automatisch een webproces aan met npm start als startcommando. 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 het opnieuw deployen als gevolg van een inkomende commit), wordt het npm build commando uitgevoerd, gevolgd door het npm start commando.