[Outdated] Next.js v15をCloudflare Pagesにデプロイする

npx create-next-app@latest --use-bun
✔ Would you like to use TypeScript? … Yes
✔ Would you like to use ESLint? … No
✔ Would you like to use Tailwind CSS? … Yes
✔ Would you like your code inside a `src/` directory? … No
✔ Would you like to use App Router? (recommended) … Yes
✔ Would you like to use Turbopack for next dev? … Yes
✔ Would you like to customize the import alias (@/* by default)? … No

(...)

Success! Created my-app.

bun add -D @cloudflare/next-on-pages

export const runtime = "edge";

bun add -D @cloudflare/next-on-pages wrangler

+ #:schema node_modules/wrangler/config-schema.json
+ name = "my-app"
+ compatibility_date = "2024-11-06"
+ compatibility_flags = ["nodejs_compat"]
+ pages_build_output_dir = ".vercel/output/static"

+ export const runtime = "edge";

gh secret set <key> -b <value>

$ gh secret list

NAME                     UPDATED
CLOUDFLARE_ACCOUNT_ID    less than a minute ago
CLOUDFLARE_API_TOKEN     less than a minute ago
CLOUDFLARE_PROJECT_NAME  less than a minute ago

name: Deploy to Cloudflare Pages

on:
  workflow_dispatch:
  push:

jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout Repository
        uses: actions/checkout@v4
      - name: Setup Bun Environment
        uses: oven-sh/setup-bun@v2.0.1
      - name: Install Project Dependencies
        run: bun i
      - name: Build Project with Bun
        run: bunx @cloudflare/next-on-pages
      - name: Deploy to Cloudflare Pages with Wrangler
        uses: cloudflare/wrangler-action@v3
        with:
          apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
          accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
          command: pages deploy .vercel/output/static --project-name=${{ secrets.CLOUDFLARE_PROJECT_NAME }}