deploy-cloudflare

name	deploy-cloudflare
description	Deploys funnel pages to Cloudflare Pages. Covers Wrangler CLI setup, direct upload, custom domains, and Cloudflare-specific optimizations.

Deploy to Cloudflare Pages

Best for global CDN performance, Workers integration, and free tier generosity.

Prerequisites

• Node.js installed
• Cloudflare account (free tier includes unlimited sites)

Setup

# Install Wrangler CLI
npm install -g wrangler

# Login
wrangler login

# Deploy static site
wrangler pages deploy . --project-name=my-funnel

Configuration (wrangler.toml) — Optional

name = "my-funnel"
compatibility_date = "2025-01-01"

[site]
bucket = "."

Custom Domain

1. Pages project → Custom domains → Set up a domain
2. Add CNAME record: your-project.pages.dev
3. SSL is automatic with Cloudflare Universal SSL

Custom Headers (_headers file)

/*.html
  Cache-Control: public, max-age=300

/*.css
  Cache-Control: public, max-age=31536000, immutable

/*.js
  Cache-Control: public, max-age=31536000, immutable

/*.webp
  Cache-Control: public, max-age=31536000, immutable

/*
  X-Content-Type-Options: nosniff
  X-Frame-Options: DENY
  Referrer-Policy: strict-origin-when-cross-origin

Redirects (_redirects file)

/old-page  /new-page  301
/           /index.html  200
/*          /404.html    404

Performance Benefits

• Global CDN (300+ edge locations)
• Automatic Brotli compression
• HTTP/3 support
• Free Web Analytics