Cloudflare Pages
Deploy frontend projects with preview builds and edge functions.
Connect Project
-
Create a Pages project in Cloudflare dashboard.
-
Link your GitHub repository.
-
Set build command and output directory.
-
Configure environment variables per environment.
Wrangler-Based Deploy
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 - Edge backend logic
-
vercel-deployments - Alternative frontend hosting