Skill60 repo starsupdated 3mo ago

deploy-cloudflare

View source Repository: funnel-architect-plugin

Install in Claude Code

Copy

git clone --depth 1 https://github.com/ominou5/funnel-architect-plugin /tmp/deploy-cloudflare && cp -r /tmp/deploy-cloudflare/skills/deploy-cloudflare ~/.claude/skills/deploy-cloudflare

Then start a new Claude Code session; the skill loads automatically.

Definition

SKILL.md

# 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

```bash
# Install Wrangler CLI
npm install -g wrangler

# Login
wrangler login

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

## Configuration (`wrangler.toml`) — Optional

```toml
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