https://github.com/cybervoid0/vite-react-template
https://github.com/cybervoid0/vite-react-template
Last synced: 10 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/cybervoid0/vite-react-template
- Owner: cybervoid0
- Created: 2025-05-26T00:57:18.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-30T23:26:43.000Z (about 1 year ago)
- Last Synced: 2025-06-22T23:05:57.683Z (12 months ago)
- Language: CSS
- Size: 103 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React + Vite + Hono + Cloudflare Workers
[](https://deploy.workers.cloudflare.com/?url=https://github.com/cloudflare/templates/tree/main/vite-react-template)
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**](https://react.dev/) - A modern UI library for building interactive interfaces
- [**Vite**](https://vite.dev/) - Lightning-fast build tooling and development server
- [**Hono**](https://hono.dev/) - Ultralight, modern backend framework
- [**Cloudflare Workers**](https://developers.cloudflare.com/workers/) - Edge computing platform for global deployment
### ✨ Key Features
- 🔥 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
Get started in minutes with local development or deploy directly via the Cloudflare dashboard. Perfect for building modern, performant web applications at the edge.
## Getting Started
To start a new project with this template, run:
```bash
npm create cloudflare@latest -- --template=cloudflare/templates/vite-react-template
```
A live deployment of this template is available at:
[https://react-vite-template.templates.workers.dev](https://react-vite-template.templates.workers.dev)
## Development
Install dependencies:
```bash
npm install
```
Start the development server with:
```bash
npm run dev
```
Your application will be available at [http://localhost:5173](http://localhost:5173).
## Production
Build your project for production:
```bash
npm run build
```
Preview your build locally:
```bash
npm run preview
```
Deploy your project to Cloudflare Workers:
```bash
npm run build && npm run deploy
```
## Additional Resources
- [Cloudflare Workers Documentation](https://developers.cloudflare.com/workers/)
- [Vite Documentation](https://vitejs.dev/guide/)
- [React Documentation](https://reactjs.org/)
- [Hono Documentation](https://hono.dev/)