cloudflare-full-stack-integration

Connecting React to Cloudflare Workers requires setting up a Hono API server on the Worker, configuring CORS to allow frontend requests, and using the @cloudflare/vite-plugin for local development port sharing. This pattern handles token attachment, environment variables, and D1 database bindings automatically.

Integrate Clerk for authentication, attach JWT tokens automatically to API calls from React, and verify tokens in Hono middleware on the Worker. This ensures protected routes and secure session management across frontend and serverless backend.

Yes. D1 database bindings attach to your Hono routes as environment variables. Query the database directly from Worker endpoints, and the Skill provides patterns for secure, production-tested access from React API calls.

CORS preflight requests must be ordered correctly in Hono middleware before route handlers. This Skill includes tested patterns for CORS headers, preflight ordering, and token attachment that eliminate cross-origin request failures in production.

Yes. You must configure Clerk API keys and D1 database bindings as environment variables in your Worker. The Skill provides setup patterns for local development with @cloudflare/vite-plugin and production deployment.

Use the @cloudflare/vite-plugin with Vite to run React and Hono on the same localhost port during development. This eliminates CORS setup friction and matches production routing behavior.