cloudflare · Cloudflare Workers Docs
Workers React + Vite
Teaches how to scaffold, develop, and deploy a full-stack single-page application using React, Vite, and Cloudflare Workers Assets with a backend API.
Derived skill
Files assembled from official documentation
Viewing SKILL.md
Workers React + Vite
Teaches how to scaffold, develop, and deploy a full-stack single-page application using React, Vite, and Cloudflare Workers Assets with a backend API.
When To Use
Use when you need to scaffold a full-stack React SPA that uses Cloudflare Workers for backend API logic and Workers Assets for frontend hosting.
Reference Files
| File | Contains | Use For |
|---|---|---|
SKILL.md | Entry point: scope, routing table, and workflow. | Start here. |
docs/workers-framework-guides-web-apps-react-vite-workflow-guide.md | A guide for scaffolding and deploying full-stack applications using React, Vite, and Cloudflare Workers. | Questions about a guide for scaffolding and deploying full-stack applications using React, Vite, and Cloudflare Workers. |
examples/workers-framework-guides-web-apps-react-vite-cloudflare-workers-react-vi.text | The npm command used to scaffold a new React application using Vite within the Cloudflare Workers framework. | Exact payloads, commands, or snippets shown in The npm command used to scaffold a new React application using Vite within the Cloudflare Workers framework. |
examples/workers-framework-guides-web-apps-react-vite-cloudflare-workers-react-vi-2.text | The yarn create cloudflare command used to scaffold a new React application using the Vite framework for Cloudflare Workers. | Exact payloads, commands, or snippets shown in The yarn create cloudflare command used to scaffold a new React application using the Vite framework for Cloudflare W... |
examples/workers-framework-guides-web-apps-react-vite-cloudflare-workers-react-vi-3.text | The pnpm command used to scaffold a new React application using the Cloudflare Workers Vite framework. | Exact payloads, commands, or snippets shown in The pnpm command used to scaffold a new React application using the Cloudflare Workers Vite framework. |
examples/workers-framework-guides-web-apps-react-vite-cloudflare-workers-react-vi-4.text | The terminal command used to start the local development server for a Cloudflare Workers application built with React and Vite. | Exact payloads, commands, or snippets shown in The terminal command used to start the local development server for a Cloudflare Workers application built with React... |
examples/workers-framework-guides-web-apps-react-vite-cloudflare-workers-react-vi-5.text | The terminal command used to start the local development server for a Cloudflare Workers project using React and Vite. | Exact payloads, commands, or snippets shown in The terminal command used to start the local development server for a Cloudflare Workers project using React and Vite. |
examples/workers-framework-guides-web-apps-react-vite-cloudflare-workers-react-vi-6.text | The terminal command used to start the local development server for a Cloudflare Workers project using React and Vite. | Exact payloads, commands, or snippets shown in The terminal command used to start the local development server for a Cloudflare Workers project using React and Vite. |
examples/workers-framework-guides-web-apps-react-vite-cloudflare-workers-react-vi-7.text | The terminal command used to deploy a React application built with Vite to Cloudflare Workers. | Exact payloads, commands, or snippets shown in The terminal command used to deploy a React application built with Vite to Cloudflare Workers. |
examples/workers-framework-guides-web-apps-react-vite-cloudflare-workers-react-vi-8.text | The deployment command used to deploy a React application built with Vite to Cloudflare Workers. | Exact payloads, commands, or snippets shown in The deployment command used to deploy a React application built with Vite to Cloudflare Workers. |
examples/workers-framework-guides-web-apps-react-vite-cloudflare-workers-react-vi-9.text | The terminal command used to deploy a React application built with Vite to Cloudflare Workers using pnpm. | Exact payloads, commands, or snippets shown in The terminal command used to deploy a React application built with Vite to Cloudflare Workers using pnpm. |
What This Skill Covers
- Start from CLI - scaffold a full-stack app with a React SPA, Cloudflare Workers API, and the Cloudflare Vite plugin for lightning-fast development.
- Main sections:
Tags,What is React?,Creating a full-stack app with React,Asset Routing,Use bindings with React.
Workflow
- Open the most relevant file under
docs/for the exact documented workflow and wording. - Open
schemas/files for exact structured contracts. - Open
examples/files for concrete requests, commands, snippets, and manifests. - Do not add behavior or configuration that is not present in the attached source files.
Canonical source: https://developers.cloudflare.com/workers/framework-guides/web-apps/react