yamlintermediate

GitHub Actions — Deploy to Cloudflare Pages

Automated deployment pipeline to Cloudflare Pages with build preview for PRs and production on main.

yaml
name: Deploy to Cloudflare Pages

on:
  push:
    branches: [main]
  pull_request:
    branches: [main]

jobs:
  deploy:
    runs-on: ubuntu-latest
    permissions:
      contents: read
      deployments: write

    steps:
      - uses: actions/checkout@v4

      - name: Setup Node.js
        uses: actions/setup-node@v4
        with:
          node-version: 20
          cache: npm

      - name: Install and build
        run: |
          npm ci
          npm run build

      - name: Deploy to Cloudflare Pages
        uses: cloudflare/pages-action@v1
        with:
          apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
          accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
          projectName: my-project
          directory: out
          gitHubToken: ${{ secrets.GITHUB_TOKEN }}
          # PR branches get preview URLs automatically

Sponsored

GitHub

Use Cases

  • Zero-config deployment for static Next.js exports
  • Preview deployments for every pull request
  • Continuous deployment to Cloudflare edge network

Tags

Related Snippets

Similar patterns you can reuse in the same workflow.