React Router + Hono Monorepo Template

A bleeding edge React Router v7 monorepo setup with the bells and whistles required to get a project underway with all the latest toys in late 2024.

Setup

git clone https://github.com/barclayd/react-router-trpc-hono-bun-template
cd react-router-trpc-hono-bun-template
bun install

Structure

.
├── apps/
│   ├── web/                 # React Router frontend
│   │   ├── app/            # Routes and components
│   │   └── package.json    # React 19, React Router, tRPC client
│   │
│   └── server/             # Hono backend
│       ├── src/            # API routes and business logic
│       └── package.json    # Hono, tRPC server
│
├── package.json            # Workspace dependencies
└── turbo.json             # Turborepo config

The monorepo is powered by Turborepo and Bun workspaces, consisting of:

• apps/web: React Router frontend application
• apps/server: Hono backend server

Technologies

Category	Technology	Version
Build system	Turborepo	2.3.3
Workspace/runtime	Bun	1.1.38
Linting	Biome	1.9.4
Language	TypeScript	5.5.4
Server	Hono	4.6.13
API	tRPC	11.0.0-rc.660
Schema validation	Zod	3.23.8
UI framework	React Router	7.0.2
UI library	React	19.0.0
Styling	Tailwind CSS	4.0.0-beta.6
E2E testing	Playwright	1.49.0
Integration testing	Vitest (Browser Mode)	2.1.8
Bundler	Vite	6.0.3
CI	GitHub Actions	N/A

Still to come

• Database connectivity - SQL and NoSQL
  • realtime subscriptions
• Containerisation with Docker
• Deployment via CD, powered by Github Actions