Voici un exemple de la façon de configurer une application Cuttlebelle pour déployer les services d’hébergement d’applications ou de sites statiques de Kinsta depuis un dépôt GitHub.

Cuttlebelle est un constructeur de sites statiques qui décompose chaque page en blocs de contenu que vous pouvez ensuite assembler pour créer diverses mises en page sans devoir comprendre ou utiliser un code complexe. Vous trouverez de plus amples informations sur le site web de Cuttlebelle.

Kinsta installe automatiquement les dépendances définies dans votre fichier composer.json pendant le processus de déploiement.

Hébergement de site statique

  1. Connectez-vous à GitHub et créez un nouveau dépôt depuis ce modèle (Utiliser ce modèle > Créer un nouveau dépôt) : Kinsta – Hello World – Site statique avec Cuttlebelle.
  2. Dans MyKinsta, ajoutez un site statique avec le dépôt Hello World Cuttlebelle et les réglages de construction suivants :
    • Commande de construction : npm run build
    • Version de Node : 18.16.0
    • Répertoire de publication : .site
  3. Le site est disponible dès que la construction est terminée, et la page d’accueil Kinsta se charge à l’URL de votre site.

Hébergement de l’application

  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 – Static Site With Cuttlebelle.
  2. Dans MyKinsta, ajoutez une application avec le dépôt Cuttlebelle Hello World. La commande Start peut être laissée vide pour le processus web car Kinsta détecte automatiquement la commande requise lors du premier déploiement.
  3. L’application est disponible dès que la construction est terminée, et la page de bienvenue Kinsta se charge à l’URL de votre application.

Configuration du serveur web

Port

Kinsta définit automatiquement la variable d’environnement PORT. Vous ne devez pas la définir vous-même ni la coder en dur dans l’application. Le paquet serve utilise automatiquement le port défini par Kinsta.

Commande de démarrage

Lorsque vous déployez une application, Kinsta crée automatiquement un processus web avec npm start comme commande de démarrage. Assurez-vous d’utiliser cette commande pour lancer votre serveur.

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.

Page de bienvenue

L’application ou le site est disponible dès la fin de la construction, et la page de bienvenue de Kinsta se charge à l’URL de votre application ou de votre site statique.

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