Recipes Core Pack · Deploy

Cloudflare Pages Deployment Recipe

One prompt covering deploy setup, SPA rewrites, environment variables, and custom domain.

How to use

Copy the prompt and replace [bracketed] values with your real project info.

Cloudflare Pages Deployment Prompt

Copy and use

"I want to deploy a React/Vite project to Cloudflare Pages. Create an execution-ready runbook using the inputs below. [Inputs] - Repository URL: [REPO_URL] - Deploy branch: [BRANCH] - Build command: [BUILD_COMMAND] - Output directory: [OUTPUT_DIR] - API env var: [API_ENV_KEY]=[API_ENV_VALUE] - Custom domain: [CUSTOM_DOMAIN or none] [Output requirements] 1) Pre-deploy checklist 2) Cloudflare Pages setup steps 3) SPA routing (_redirects) config 4) Deployment verification checklist 5) Rollback procedure"

Copy this prompt and paste it into your AI chat.

Input example

prompt-input.json

{
  "REPO_URL": "https://github.com/org/my-app",
  "BRANCH": "main",
  "BUILD_COMMAND": "npm run build",
  "OUTPUT_DIR": "dist",
  "API_ENV_KEY": "VITE_API_URL",
  "API_ENV_VALUE": "https://api.example.com",
  "CUSTOM_DOMAIN": "app.example.com"
}

Required file

public/_redirects

/* /index.html 200

Execution Checklist

0/5 done

Confirm repository/branchEnsure target branch is up to date

Local build passesValidate npm run build output

Apply _redirects fileVerify SPA rewrite behavior

Set Pages environment varsCheck key names and values

Verify deploy URL/domainCheck refresh routing and API connectivity

Cloudflare Pages Deployment Guide

Step-by-step manual guide

Fixing SPA 404 Errors

Refresh-route troubleshooting

Last updated: February 22, 2026 · Version: v0.0.1

Send Feedback

Opens a new issue page with your message.

Open GitHub Issue