# Cloudflare Pages

> Deploy static sites and full-stack apps on Cloudflare Pages with previews, functions, and custom domains.

- Skill: `majiayu000/cloudflare-pages-4` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds add majiayu000/cloudflare-pages-4`
- Raw SKILL.md: https://api.skillmd.com/api/skills/majiayu000/cloudflare-pages-4/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: DevOps & Infra
- License: MIT
- Author: majiayu000 (https://skillmd.com/u/majiayu000)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/majiayu000/cloudflare-pages-4

---


# Cloudflare Pages

Deploy frontend projects with preview builds and edge functions.

## Connect Project

1. Create a Pages project in Cloudflare dashboard.
2. Link your GitHub repository.
3. Set build command and output directory.
4. Configure environment variables per environment.

## Wrangler-Based Deploy

```bash
npm install -D wrangler
npx wrangler pages project create my-site
npx wrangler pages deploy dist --project-name=my-site
```

## Best Practices

- Require previews for pull requests.
- Separate production and preview secrets.
- Enable Web Analytics for performance visibility.
- Add Cloudflare WAF rules for abuse protection.

## Related Skills

- [cloudflare-workers](../cloudflare-workers/) - Edge backend logic
- [vercel-deployments](../../platforms/vercel-deployments/) - Alternative frontend hosting