SvelteKitのアプリをCloudflare Pagesにデプロイする

wrangler pages project create

wrangler pages deploy .svelte-kit/cloudflare --project-name PROJECT_NAME

name: Deploy to Cloudflare Pages

on: [push]

jobs:
  publish:
    runs-on: ubuntu-22.04
    permissions:
      contents: read
      deployments: write
      statuses: write
    steps:
      - name: Checkout
        uses: actions/checkout@v3
      - name: Setup Bun
        uses: oven-sh/setup-bun@v1
      - name: Install Dependencies
        run: bun install
      - name: Build
        run: bun run build
      - name: Publish to Cloudflare Pages
        id: cloudflare_pages_deploy
        uses: cloudflare/pages-action@v1
        with:
          accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
          apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
          projectName: PROJECT_NAME # 作成したプロジェクト名を設定する
          directory: .svelte-kit/cloudflare/
          gitHubToken: ${{ secrets.GITHUB_TOKEN }}
      - name: Add publish URL as commit status
        uses: actions/github-script@v6
        with:
          script: |
            const sha = context.payload.pull_request?.head.sha ?? context.sha;
            await github.rest.repos.createCommitStatus({
              owner: context.repo.owner,
              repo: context.repo.repo,
              context: "Cloudflare Pages",
              description: "Cloudflare Pages deployment",
              state: "success",
              sha,
              target_url: "${{ steps.cloudflare_pages_deploy.outputs.url }}",