skills.rest
jrc1883
jrc1883COMMUNITY
Explore all skills by this author →
GitHub

cloudflare-pages-deploy

Deploy frontend projects to Cloudflare Pages with framework auto-detection.

Updated Aug 27, 2026
Search Tags:#deployment#cloudflare#edge#framework-detection#pages#build-config
One-click install
npx skills add https://github.com/jrc1883/popkit-claude --skill cloudflare-pages-deploy
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: cloudflare-pages-deploy
Source: https://github.com/jrc1883/popkit-claude/tree/main/skills/pop-cloudflare-pages-deploy
Command: npx skills add https://github.com/jrc1883/popkit-claude --skill cloudflare-pages-deploy

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Deploy static sites and SPAs to Cloudflare Pages with framework-aware auto-detection and optimized builds.

Core Features & Use Cases

  • Auto-detect frontend framework (Next.js, Vite, Astro, etc.)
  • Configure builds and output directories
  • Enable PR previews and custom domains with SSL
  • Environment variable handling for build-time vs runtime

Quick Start

Run the deployment setup for Cloudflare Pages and follow prompts:

  • /popkit:deploy setup cloudflare-pages

Frequently Asked Questions about cloudflare-pages-deploy

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I deploy a frontend project to Cloudflare Pages?▼

Deploy frontend projects to Cloudflare Pages by running the setup command, which auto-detects your framework (Next.js, Vite, Astro, Remix, SvelteKit, Nuxt, Create React App, Vue CLI, Docusaurus, Hugo, or 11ty), configures build settings and output directories, and deploys with preview URLs automatically.

Does Cloudflare Pages support my framework?▼

Cloudflare Pages supports Next.js, Vite, Astro, Remix, SvelteKit, Nuxt, Create React App, Vue CLI, Docusaurus, Hugo, and 11ty. The deployment process auto-detects your framework, applies the correct build commands and output directories, and handles environment variables for build-time and runtime needs.

Can I enable PR previews and custom domains with Cloudflare Pages deployment?▼

Yes. The deployment process enables PR previews automatically and supports custom domains with SSL certificates. Environment variables are separated for build-time and runtime use, and preview URLs are configured automatically for each deployment.

What build configuration does Cloudflare Pages handle automatically?▼

Cloudflare Pages auto-detects your framework and configures build commands, output directories, and edge-optimized builds for each framework. It handles framework-specific settings without manual configuration, streamlining the deployment process.

How does framework auto-detection work for Cloudflare Pages deployment?▼

Framework auto-detection identifies your project type (Next.js, Vite, Astro, Remix, SvelteKit, Nuxt, Create React App, Vue CLI, Docusaurus, Hugo, or 11ty) and applies the correct build commands, output directories, and deployment settings without manual setup.

Related Skills

Explore More Software Engineering Skills→
BagelHoleBagelHole
46

cloudflare-pages

Your text here.

Community
Intermediate
Arvo-AIArvo-AI
387

cloudflare

Automates Cloudflare DNS, CDN, and security remediation workflows for incident response.

Official
Advanced
dralgorhythmdralgorhythm
111

deploy-cloudflare

Deploy static sites and edge functions to Cloudflare Pages and Workers.

Community
Advanced
cwinvestmentscwinvestments
412

memstack-deployment-netlify-deploy

Deploy static sites and serverless functions to Netlify with configuration validation.

Community
Intermediate