Qwik

Voici un exemple de mise en place d’un site statique avec Qwik sur les services d’hébergement de sites statiques de Kinsta à partir d’un dépôt GitHub.

Qwik offre un chargement instantané des applications web de toute taille ou complexité avec environ 1 KB de JavaScript et une performance constante à l’échelle. Plus d’informations sont disponibles sur le site web de Qwik.

Vous pouvez également utiliser ce modèle de démarrage rapide sur l’hébergement d’applications de Kinsta sans configuration supplémentaire. Si vous utilisez l’hébergement d’application, la commande de démarrage peut être laissée vide pour le processus web car Kinsta détecte automatiquement la commande nécessaire lors du premier déploiement.

Pré-requis

  • Les modèles de démarrage rapide de Kinsta sont stockés et gérés dans GitHub ; par conséquent, vous avez besoin d’un compte GitHub pour y accéder.
  • Vous devez créer un compte MyKinsta pour déployer l’application.

Déployer un site statique Qwik

  1. Connectez-vous à GitHub et créez un nouveau dépôt à partir de ce modèle (Utiliser ce modèle > Créer un nouveau dépôt) : Kinsta – Hello World – Qwik.
  2. Dans MyKinsta, cliquez sur Sites statiques > Ajouter un site > sélectionnez GitHub, cliquez sur Connecter avec le fournisseur git > Autoriser, et connectez-vous à votre compte GitHub.
  3. Choisissez le dépôt Hello World – Qwik, cliquez sur Continuer, et saisissez ce qui suit dans les réglages de construction:
    • Commande de construction : npm run build && npm run build.server
    • Version Node : 18.16.0
    • Répertoire de publication : dist

Pendant le processus de déploiement, Kinsta installe automatiquement les dépendances définies dans votre fichier package.json. Le site est disponible dès que le déploiement est terminé, et la page d’accueil de Kinsta se charge à l’URL de votre site.

Page d'accueil Kinsta après un déploiement réussi de Qwik.
Page d’accueil Kinsta après un déploiement réussi de Qwik.

Cycle de vie du déploiement

Chaque fois qu’un déploiement est initié (par la création d’une application ou un redéploiement dû à un commit entrant), la commande npm build est exécutée, suivie de la commande npm start.

Cet article vous a été utile ?