Dit is een voorbeeld van hoe je een Qwik applicatie instelt om met Kinsta’s Applicatie Hosting of Statische Site Hosting diensten te deployen 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.

Statische Site Hosting

  1. Log in op GitHub en maak een nieuwe repository vanuit deze template (Gebruik deze template > Create a new repository): Kinsta – Hello World – Qwik.
  2. Voeg in MyKinsta een statische site toe met de Hello World Qwik repository en de volgende Build instellingen:
    • Build commando: npm run build.server
    • Node versie: 18.16.0
    • Publish directory: dist
  3. De app is beschikbaar zodra de build is voltooid en de Kinsta welkomstpagina wordt geladen op de URL van je applicatie.

Applicatie Hosting

  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 MyKinsta 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.
  3. De app is beschikbaar zodra de build is voltooid en de Kinsta welkomstpagina wordt geladen op de URL van je applicatie.

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.

Welkomstpagina

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

Kinsta welkomstpagina na succesvol deployen van Qwik.
Kinsta welkomstpagina na succesvol deployen van Qwik.