Is CORS middleware included in the templates?

Yes, it provides a Hono-compatible CORS middleware that is pre-configured for local development and easily adjustable for production domains.

Does it include D1 database configuration?

Yes, it includes wrangler.jsonc templates and best practices for D1 bindings, including the use of parameterized queries for secure data access.

How does this skill help with 401 Unauthorized errors?

It provides patterns that wait for authentication loading states (isLoaded/isSignedIn) before making API calls, preventing common race conditions where requests are sent before tokens are ready.

How does it handle environment variables for different environments?

The skill outlines the specific rules for Vite (.env) and Cloudflare Workers (.dev.vars), ensuring variables are accessible on both the frontend and backend correctly.

Does this work with the newer @cloudflare/vite-plugin?

Yes, it is specifically designed for the Cloudflare Vite plugin, ensuring your Worker and frontend run on the same port during development for a seamless experience.

Cloudflare Full-Stack Integration

Name: Cloudflare Full-Stack Integration
Author: secondsky

bysecondsky

•

클라우드 인프라

Streamlines React to Cloudflare Workers integration with Hono, Clerk authentication, and D1 database patterns.

This skill provides production-tested architectural patterns and templates for building full-stack applications on the Cloudflare ecosystem. It solves common integration pain points such as CORS configuration, authentication race conditions, and environment variable management between Vite and Workers. By implementing a unified development environment using the Cloudflare Vite plugin, it enables developers to build secure, scalable applications with automatic JWT token attachment, protected routes, and optimized D1 database interactions while significantly reducing token overhead and debugging time.

주요 기능

0121 GitHub stars

02Unified development setup where frontend and backend share the same port

03Pre-configured API client with automatic authentication token attachment

04Integrated Hono middleware for Clerk JWT verification and CORS management

05Protected route components designed to prevent auth-loading race conditions

06Optimized D1 database binding patterns and environment variable configurations

사용 사례

01Developing high-performance full-stack apps with D1 database persistence

02Building secure SaaS applications with React frontends and serverless Workers backends

03Implementing robust authentication flows using Clerk in a Cloudflare environment

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add secondsky/claude-skills cloudflare-full-stack-integration

For use in Claude.ai and ChatGPT

Download Skill