https://github.com/zett-8/remixed-react-router
Hono + React Router + Cloudflare Workers
https://github.com/zett-8/remixed-react-router
clerk cloudflare-workers d1 drizzle hono hono-react-router-adapter react-router tailwind vite zod
Last synced: 7 months ago
JSON representation
Hono + React Router + Cloudflare Workers
- Host: GitHub
- URL: https://github.com/zett-8/remixed-react-router
- Owner: zett-8
- Created: 2024-04-12T15:41:50.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2025-03-19T12:25:17.000Z (7 months ago)
- Last Synced: 2025-03-19T13:29:45.717Z (7 months ago)
- Topics: clerk, cloudflare-workers, d1, drizzle, hono, hono-react-router-adapter, react-router, tailwind, vite, zod
- Language: TypeScript
- Homepage: https://remixed-react-router.zett.workers.dev/
- Size: 942 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 💿 Remixed React Router
Remixed React Router is your web app's stellar launchpad improved from the original React Router [template](https://github.com/remix-run/react-router-templates/tree/main/cloudflare-d1).
A production-ready template designed for seamless deployment on Cloudflare Workers.
📖 See the [Hono](https://hono.dev/) and the [React Router docs](https://reactrouter.com/) for details on supported features.
## Features
- 🚀 Server-side rendering
- ⚡️ Hot Module Replacement (HMR)
- 📦 Asset bundling and optimization
- 🔄 Data loading and mutations
- 🔒 TypeScript by default
- 🎉 TailwindCSS for styling
- 📖 [React Router docs](https://reactrouter.com/)
## Setups
- Hono🔥
- Cloudflare Workers with D1
- User Authentication with Clerk
- Tailwind
- Drizzle
- Zod
- ESLint with flat config
- Vite
- Typescript
## Getting Started
### Installation
Install the dependencies:
```bash
pnpm install
```
### Development
Generate types:
```bash
pnpm run typegen
```
Run an initial database migration:
```bash
pnpm run db:migrate
```
Start the development server with HMR:
```bash
pnpm run dev
```
To run Wrangler:
```sh
npm run build
npm run start
```
Your application will be available at `http://localhost:5173`.
## Building for Production
Create a production build:
```bash
pnpm run build
```
## Deployment
Deployment is done using the Wrangler CLI.
To deploy directly to production:
```sh
npx wrangler deploy
```
To deploy a preview URL:
```sh
npx wrangler versions upload
```
You can then promote a version to production after verification or roll it out progressively.
```sh
npx wrangler versions deploy
```
## Styling
This template comes with [Tailwind CSS](https://tailwindcss.com/) already configured for a simple default starting experience. You can use whatever CSS framework you prefer.
---
Built with ❤️ using React Router.