This template provides a minimal setup for building a React application with TypeScript and Vite, designed to run on Cloudflare Workers. It features hot module replacement, ESLint integration, and the flexibility of Workers deployments.
🚀 Supercharge your web development with this powerful stack:
- React - A modern UI library for building interactive interfaces
- Vite - Lightning-fast build tooling and development server
- Hono - Ultralight, modern backend framework
- Cloudflare Workers - Edge computing platform for global deployment
- 🔥 Hot Module Replacement (HMR) for rapid development
- 📦 TypeScript support out of the box
- 🛠️ ESLint configuration included
- ⚡ Zero-config deployment to Cloudflare's global network
- 🎯 API routes with Hono's elegant routing
- 🔄 Full-stack development setup
- 🔎 Built-in Observability to monitor your Worker
Get started in minutes with local development or deploy directly via the Cloudflare dashboard. Perfect for building modern, performant web applications at the edge.
To start a new project with this template, run:
npm create cloudflare@latest -- --template=cloudflare/templates/vite-react-templateA live deployment of this template is available at: https://react-vite-template.templates.workers.dev
Install dependencies:
npm installStart the development server with:
npm run devYour application will be available at http://localhost:5173.
Build your project for production:
npm run buildPreview your build locally:
npm run previewDeploy your project to Cloudflare Workers:
npm run build && npm run deployMonitor your workers:
npx wrangler tailIf you encounter an error like:
X [ERROR] There is a deploy configuration at ".wrangler\deploy\config.json".
But the redirected configuration path it points to, "dist\...\wrangler.json", does not exist.
This occurs when Wrangler has cached an outdated deploy configuration. To fix this, run:
npm run cleanOr manually delete the .wrangler/ directory.
Then retry your build or deploy.