cloudflare-full-stack-integration
✓經過生產測試的集成模式，用於將 React 前端連接到 Cloudflare Worker 後端 具有 Hono、Clerk 身份驗證和 D1 數據庫。防止常見的前後端連接問題， CORS 錯誤、身份驗證令牌失敗和競爭條件。 使用場合：連接前端到後端、實現身份驗證流程、設置 API 調用、 排除 CORS 故障、修復競爭條件、身份驗證令牌未通過、前端-後端連接錯誤、 401 錯誤、將 Clerk 與 Workers 集成、設置全棧 Cloudflare 應用程序、vite cloudflare 插件設置。 防止：CORS 錯誤、401 未經授權、身份驗證令牌不匹配、身份驗證加載的競爭條件、 環境變量混亂、前端調用錯誤端點、JWT 驗證錯誤、D1 連接問題。 關鍵詞：前端后端集成、Cloudflare Workers、Hono、Clerk auth、JWT 驗證、CORS、React API 客戶端、 競爭條件、身份驗證加載、連接問題、全棧集成、vite 插件、@cloudflare/vite-plugin、 D1 數據庫、環境變量、令牌附件、會話管理、受保護的路由、API 中間件
SKILL.md
Production-tested patterns for React + Cloudflare Workers + Hono + Clerk authentication.
Key Insight: The Worker and frontend run on the SAME port during development.
Why: The Vite plugin runs your Worker using workerd directly in the dev server. No proxy needed!
經過生產測試的集成模式，用於將 React 前端連接到 Cloudflare Worker 後端 具有 Hono、Clerk 身份驗證和 D1 數據庫。防止常見的前後端連接問題， CORS 錯誤、身份驗證令牌失敗和競爭條件。 使用場合：連接前端到後端、實現身份驗證流程、設置 API 調用、 排除 CORS 故障、修復競爭條件、身份驗證令牌未通過、前端-後端連接錯誤、 401 錯誤、將 Clerk 與 Workers 集成、設置全棧 Cloudflare 應用程序、vite cloudflare 插件設置。 防止：CORS 錯誤、401 未經授權、身份驗證令牌不匹配、身份驗證加載的競爭條件、 環境變量混亂、前端調用錯誤端點、JWT 驗證錯誤、D1 連接問題。 關鍵詞：前端后端集成、Cloudflare Workers、Hono、Clerk auth、JWT 驗證、CORS、React API 客戶端、 競爭條件、身份驗證加載、連接問題、全棧集成、vite 插件、@cloudflare/vite-plugin、 D1 數據庫、環境變量、令牌附件、會話管理、受保護的路由、API 中間件 來源：jackspace/claudeskillz。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/jackspace/claudeskillz --skill cloudflare-full-stack-integration- 分類
- </>開發工具
- 認證
- ✓
- 收錄時間
- 2026-02-01
- 更新時間
- 2026-02-18
快速解答
什麼是 cloudflare-full-stack-integration？
經過生產測試的集成模式，用於將 React 前端連接到 Cloudflare Worker 後端 具有 Hono、Clerk 身份驗證和 D1 數據庫。防止常見的前後端連接問題， CORS 錯誤、身份驗證令牌失敗和競爭條件。 使用場合：連接前端到後端、實現身份驗證流程、設置 API 調用、 排除 CORS 故障、修復競爭條件、身份驗證令牌未通過、前端-後端連接錯誤、 401 錯誤、將 Clerk 與 Workers 集成、設置全棧 Cloudflare 應用程序、vite cloudflare 插件設置。 防止：CORS 錯誤、401 未經授權、身份驗證令牌不匹配、身份驗證加載的競爭條件、 環境變量混亂、前端調用錯誤端點、JWT 驗證錯誤、D1 連接問題。 關鍵詞：前端后端集成、Cloudflare Workers、Hono、Clerk auth、JWT 驗證、CORS、React API 客戶端、 競爭條件、身份驗證加載、連接問題、全棧集成、vite 插件、@cloudflare/vite-plugin、 D1 數據庫、環境變量、令牌附件、會話管理、受保護的路由、API 中間件 來源：jackspace/claudeskillz。
如何安裝 cloudflare-full-stack-integration？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/jackspace/claudeskillz --skill cloudflare-full-stack-integration 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/jackspace/claudeskillz
詳情
- 分類
- </>開發工具
- 來源
- skills.sh
- 收錄時間
- 2026-02-01