全栈应用模板

Hono + React Router + Vite + ShadCN UI on Cloudflare Workers

A modern full-stack template powered by Cloudflare Workers, using Hono for backend APIs, React Router for frontend routing, and shadcn/ui for beautiful, accessible components styled with Tailwind CSS.

Built with the Cloudflare 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
• 🔎 Built-in Observability to monitor your Worker

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
• 📦 Vite Plugin for Cloudflare
• 🛠 Wrangler CLI reference
• 🎨 shadcn/ui
• 💨 Tailwind CSS Documentation
• 🔀 React Router Docs