Flare - Cloudflare Pages Deploy
Deploy to Cloudflare Pages directly from VS Code. Build and ship your sites without leaving your editor.
Features
- One-Click Deploy - Build and deploy your site to Cloudflare Pages with a single click
- Auto-Detection - Automatically detects your framework and configures build settings
- Project Management - Select existing projects or create new ones
- Live Logs - Stream build and deployment logs in real-time
- Multiple Frameworks - Supports Next.js, Vite, Astro, SvelteKit, Nuxt, Gatsby, Flutter Web, and more
Supported Frameworks
| Framework |
Auto-Detected |
Default Output |
| Next.js |
✅ |
out |
| Vite |
✅ |
dist |
| Astro |
✅ |
dist |
| SvelteKit |
✅ |
.svelte-kit/output |
| Nuxt |
✅ |
.output/public |
| Gatsby |
✅ |
public |
| Flutter Web |
✅ |
build/web |
| Static Sites |
✅ |
dist, build, out |
Requirements
- Wrangler CLI installed globally
npm install -g wrangler
- A Cloudflare account
Getting Started
- Install the extension
- Click the Cloudflare icon in the Activity Bar
- Click "Login to Cloudflare" (opens browser for OAuth)
- Click "Scan Workspace" to detect your project
- Configure build settings if needed
- Click "Build & Deploy"
Usage
Login
The extension uses Wrangler's authentication. Click "Login to Cloudflare" to authenticate via your browser.
Scan Workspace
Click "Scan Workspace" to automatically detect:
- Framework type (Next.js, Vite, etc.)
- Package manager (npm, yarn, pnpm, bun)
- Build command
- Output directory
Deploy
- Select an existing Cloudflare Pages project or create a new one
- Adjust build settings if needed
- Click "Build & Deploy" or "Deploy" (skip build)
After deployment, you'll see:
- Deployment URL - Unique URL for this deployment
- Project URL - Main project URL (yourproject.pages.dev)
Extension Settings
Build settings are configured per-deployment in the UI:
- Package manager
- Build command
- Output directory
- Skip build option
Commands
Cloudflare: Login - Authenticate with CloudflareCloudflare: Deploy to Pages - Quick deploy commandCloudflare: Scan Workspace - Detect project configuration
Troubleshooting
"Wrangler CLI not found"
Install Wrangler globally:
npm install -g wrangler
"Project not found"
The extension will automatically create the project if it doesn't exist. If the name is taken, it will append a number (e.g., myproject-1).
Build fails
Check the logs panel for detailed error messages. Common issues:
- Missing dependencies: Run
npm install first
- Wrong output directory: Adjust in the deploy form
Privacy
This extension:
- Does NOT store any Cloudflare credentials (handled by Wrangler)
- Does NOT send telemetry
- Only communicates with Cloudflare via Wrangler CLI
Contributing
Contributions are welcome! Please open an issue or PR on GitHub.
License
MIT
Credits
Icon made by bukeicon from Flaticon
