https://github.com/volchok60/cloudflare-demo
React SPA frontend, Hono backend with Cloudflare Workers integration
https://github.com/volchok60/cloudflare-demo
cloudflare-workers hono react react-router shadcn-ui tailwindcss
Last synced: 3 months ago
JSON representation
React SPA frontend, Hono backend with Cloudflare Workers integration
- Host: GitHub
- URL: https://github.com/volchok60/cloudflare-demo
- Owner: volchok60
- Created: 2025-06-19T21:33:51.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-19T21:34:12.000Z (about 1 year ago)
- Last Synced: 2025-07-14T15:50:53.201Z (12 months ago)
- Topics: cloudflare-workers, hono, react, react-router, shadcn-ui, tailwindcss
- Language: TypeScript
- Homepage:
- Size: 103 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Hono + React Router + Vite + ShadCN UI on Cloudflare Workers
[](https://deploy.workers.cloudflare.com/?url=https://github.com/cloudflare/templates/tree/main/react-router-hono-fullstack-template)
A modern full-stack template powered by [Cloudflare Workers](https://workers.cloudflare.com/), using [Hono](https://hono.dev/) for backend APIs, [React Router](https://reactrouter.com/) for frontend routing, and [shadcn/ui](https://ui.shadcn.com/) for beautiful, accessible components styled with [Tailwind CSS](https://tailwindcss.com/).
Built with the [Cloudflare Vite plugin](https://developers.cloudflare.com/workers/vite-plugin/) for optimized static asset delivery and seamless local development. React is configured in single-page app (SPA) mode via Workers.
A perfect starting point for building interactive, styled, and edge-deployed SPAs with minimal configuration.
## Features
- ⚡ Full-stack app on Cloudflare Workers
- 🔁 Hono for backend API endpoints
- 🧭 React Router for client-side routing
- 🎨 ShadCN UI with Tailwind CSS for components and styling
- 🧱 File-based route separation
- 🚀 Zero-config Vite build for Workers
- 🛠️ Automatically deploys with Wrangler
## Tech Stack
- **Frontend**: React + React Router + ShadCN UI
- SPA architecture powered by React Router
- Includes accessible, themeable UI from ShadCN
- Styled with utility-first Tailwind CSS
- Built and optimized with Vite
- **Backend**: Hono on Cloudflare Workers
- API routes defined and handled via Hono in `/api/*`
- Supports REST-like endpoints, CORS, and middleware
- **Deployment**: Cloudflare Workers via Wrangler
- Vite plugin auto-bundles frontend and backend together
- Deployed worldwide on Cloudflare’s edge network
## Resources
- 🧩 [Hono on Cloudflare Workers](https://hono.dev/docs/getting-started/cloudflare-workers)
- 📦 [Vite Plugin for Cloudflare](https://developers.cloudflare.com/workers/vite-plugin/)
- 🛠 [Wrangler CLI reference](https://developers.cloudflare.com/workers/wrangler/)
- 🎨 [shadcn/ui](https://ui.shadcn.com)
- 💨 [Tailwind CSS Documentation](https://tailwindcss.com/)
- 🔀 [React Router Docs](https://reactrouter.com/)