Cloudflare

Déployez les applications Explainer sur Cloudflare Pages avec GitHub Actions en utilisant cloudflare/wrangler-action.

Configuration

Définir la cible de déploiement

Ajoutez les variables de dépôt suivantes dans GitHub Settings → Secrets and variables → Actions → onglet Variables :

DEPLOY_TARGET=cloudflare
PROJECT_NAME=nom-de-votre-projet

PROJECT_NAME est utilisé pour nommer les projets Cloudflare Pages. Par exemple, PROJECT_NAME=explainer génère explainer-docs, explainer-blog et explainer-website.

Ajouter les secrets requis

Ajoutez les secrets suivants dans GitHub Settings → Secrets :

Secret	Description
`CLOUDFLARE_API_TOKEN`	Jeton API Cloudflare avec les permissions Pages
`CLOUDFLARE_ACCOUNT_ID`	Votre identifiant de compte Cloudflare

Créer les projets Cloudflare Pages

Créez un projet Pages dans le tableau de bord Cloudflare pour chaque application que vous souhaitez déployer (par exemple, explainer-docs, explainer-blog).

Workflow GitHub Actions

Le workflow unifié situé dans .github/workflows/deploy.yml gère les trois applications. Lorsque DEPLOY_TARGET est défini sur cloudflare, le job de déploiement utilise l’action wrangler :

- uses: cloudflare/wrangler-action@v3
  with:
    apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
    accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
    command: pages deploy dist --project-name=${{ vars.PROJECT_NAME }}-docs

Le nom du projet est construit à partir de PROJECT_NAME + le suffixe de l’application (-docs, -blog, -website). Chaque application doit avoir un projet correspondant dans le tableau de bord Cloudflare. Consultez la page CI/CD pour la structure complète du workflow.