home / skills / ominou5 / funnel-architect-plugin / deploy-cloudflare

deploy-cloudflare skill

safe

This skill helps you deploy funnel pages to Cloudflare Pages with Wrangler, custom domains, and performance optimizations for fast global delivery.

npx playbooks add skill ominou5/funnel-architect-plugin --skill deploy-cloudflare

Review the files below or copy the command above to add this skill to your agents.

Files (1)

SKILL.md

1.5 KB

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

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

Overview

This skill deploys high-converting funnel pages to Cloudflare Pages with guidance for Wrangler CLI setup, direct uploads, custom domains, and Cloudflare-specific optimizations. It focuses on delivering fast, secure, and globally distributed landing pages that maximize conversion and minimize load time. The workflow covers configuration files, headers, redirects, and edge-aware performance tips.

How this skill works

The skill walks through installing and using the Wrangler CLI to authenticate and push your static funnel project to Cloudflare Pages, or how to perform direct uploads if you prefer manual deployment. It includes examples for a basic wrangler.toml, _headers and _redirects files to control caching, security headers, and route behavior. It also explains custom domain setup, DNS records, and automatic SSL handling through Cloudflare.

When to use it

You need global CDN distribution and low-latency delivery for landing pages.
You want easy integration with Cloudflare Workers or edge logic later.
You require simple, repeatable deployment for a static sales funnel.
You need built-in TLS, Brotli compression, and HTTP/3 support.
You want fine-grained cache control and security headers at the edge.

Best practices

Use Wrangler CLI for CI-friendly, repeatable deployments: wrangler login and wrangler pages deploy . --project-name=my-funnel.
Define cache policies in _headers: short cache for HTML, long immutable cache for CSS/JS/images.
Set up _redirects to preserve SEO and map SPA routes to index.html when needed.
Add security headers (X-Frame-Options, X-Content-Type-Options, Referrer-Policy) in _headers.
Configure a custom domain via Pages → Custom domains and add a CNAME pointing to your-project.pages.dev.

Example use cases

Deploy a single-page sales funnel optimized for mobile and fast load times.
Host multiple funnel variants and route them using _redirects for A/B tests.
Serve global landing pages with Cloudflare Workers adding personalization at the edge.
Integrate CI/CD to auto-deploy funnel updates when marketing copy or creatives change.

FAQ

Do I need a paid Cloudflare account to use Pages?

No. Cloudflare Pages works on the free tier and supports unlimited sites with global CDN benefits.

How do I enable a custom domain and SSL?

Add the domain under Pages → Custom domains, create a CNAME to your-project.pages.dev, and Cloudflare will provision Universal SSL automatically.