cloudflare-pages-deploy-patterns

name	cloudflare-pages-deploy-patterns
description	Use when deploying to Cloudflare Pages. Pages is the editorial-friendly hosting choice — static-first, instant global edge.

Cloudflare Pages Deploy Patterns

Cloudflare Pages = static-first, global edge, free tier. Build with Astro, Next.js export, or plain HTML. Deploy via git push or wrangler.

Pages deployment options

1. Git integration (auto-deploy on push)
2. Wrangler CLI (manual: wrangler pages deploy ./dist)
3. Cloudflare API (programmatic)
4. CI/CD pipeline (GitHub Actions, etc.)

Optimal stack for editorial sites

1. Static HTML or Astro (no React unless interactivity needed)
2. Tailwind CSS or vanilla CSS
3. Bunny Fonts (edge-cached, GDPR-safe vs Google Fonts)
4. R2 for image assets
5. KV for dynamic data
6. Workers for serverless functions
7. Optional Workers AI for image gen

Deploy command pattern

# Build
npm run build

# Deploy via wrangler
npx wrangler pages deploy ./dist --project-name=cardprepai --branch=main

# Or with git integration: just push
git push origin main

Where this fits in the X3 empire

Deployment standard across all CardPrepAI marketing surfaces.