You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<h3align="center">Ship web + desktop apps from one codebase.<br/>Fully typed. AI-ready. Production-grade.</h3>
7
+
<h3align="center">The starting point for web + desktop apps.<br/>Fully typed. AI-ready. Production-grade architecture.</h3>
8
8
9
9
<palign="center">
10
-
Stop wiring together auth, permissions, realtime, and deployment targets.<br/>
11
-
Start building your product on day one.
10
+
A clean, empty full-stack template.<br/>
11
+
Add features as you need them — one command at a time.
12
12
</p>
13
13
14
+
<h3align="center">Get started:</h3>
15
+
16
+
```bash
17
+
npx @hype-stack/cli create
18
+
```
19
+
20
+
21
+
22
+
## What Is Hype Stack?
23
+
24
+
Hype Stack is a **modern full-stack template** — not a boilerplate packed with someone else's opinions. You get a clean, empty project with rock-solid architecture and tooling already wired up. No demo features to rip out. No dead code to clean up.
25
+
26
+
Build whatever you want from day one.
27
+
14
28
15
29
16
-
## TL;DR
30
+
## How It Works
31
+
32
+
Hype Stack follows the same model as [shadcn/ui](https://ui.shadcn.com) — but for full-stack features.
33
+
34
+
1.**Scaffold** your project with the CLI
35
+
2.**Add packs** when you need them — auth, orgs, realtime, storage, desktop, and more
36
+
3. Each pack drops production-ready code **into your codebase** — you own it, you modify it
- ✅ Realtime notifications over typed WebSockets — done
93
-
- ✅ File uploads with S3-compatible storage — done
94
-
- ✅ Desktop builds with signing, auto-update, and native menus — done
95
-
96
-
You write features. Everything else is already handled.
100
+
> Packs are purchased separately. Run `npx @hype-stack/cli packs` to browse what's available.
97
101
98
102
99
103
@@ -113,29 +117,23 @@ You write features. Everything else is already handled.
113
117
</a>
114
118
</p>
115
119
116
-
## Why This Isn't Just Another Template
117
-
118
-
Most templates solve **setup**. Hype Stack solves **architecture**.
120
+
## Why Hype Stack?
119
121
120
-
### 🧠 AI-Native Structure
122
+
### Clean Slate, Not a Gutting Job
121
123
122
-
The codebase follows a [vertical architecture](https://tkdodo.eu/blog/the-vertical-codebase) — each feature owns its routes, UI, data access, types, and tests. AI agents work in small, isolated areas instead of navigating tangled cross-cutting layers.
124
+
Most templates give you a demo app and expect you to delete half of it. Hype Stack gives you an empty project with the hard parts already solved — monorepo wiring, type bridges, tooling, CI.
123
125
124
-
Bundled Cursor rules and agent skills teach LLMs exactly how to add features, handle errors, and follow conventions.
126
+
### Built for AI Agents
125
127
126
-
### 🔗 Zero-Codegen Type Safety
128
+
The codebase follows a [vertical architecture](https://tkdodo.eu/blog/the-vertical-codebase) — each feature owns its routes, UI, data access, types, and tests. Bundled Cursor rules and agent skills teach LLMs exactly how to add features and follow conventions. Fast tooling gives agents sub-second feedback loops.
127
129
128
-
No OpenAPI specs. No code generators. No stale types.
130
+
### Zero-Codegen Type Safety
129
131
130
-
The frontend imports `@hype-stack/backend` as a workspace dependency. HTTP routes and WebSocket events flow through a typed bridge — change a backend response, and TypeScript catches every mismatched consumer instantly.
132
+
No OpenAPI specs. No code generators. The frontend imports `@hype-stack/backend` as a workspace dependency. HTTP routes and WebSocket events flow through a typed bridge — change a backend response, and TypeScript catches every mismatched consumer instantly.
131
133
132
-
### 🖥️ One Product, Every Platform
134
+
### One Codebase, Every Platform
133
135
134
-
Same React app runs as a web SPA and an Electron desktop app. One `VITE_APP_TYPE` flag controls the split. Electron Forge handles macOS signing, Windows installers, Linux packages, and GitHub release publishing.
135
-
136
-
### ⚡ Speed as a Feature
137
-
138
-
Vite 8, OXC linting, `oxfmt` formatting, Nx caching. The feedback loop is measured in milliseconds, not minutes — for you and for AI agents iterating on your code.
136
+
Same React app runs as a web SPA and an Electron desktop app. One `VITE_APP_TYPE` flag controls the split. Desktop builds are ready when you are.
139
137
140
138
141
139
@@ -155,7 +153,7 @@ Vite 8, OXC linting, `oxfmt` formatting, Nx caching. The feedback loop is measur
**Frontend** calls the backend through a fully-typed SDK generated from Hono route definitions. WebSocket events use the same type bridge. Permissions resolve from WorkOS roles into CASL abilities — enforced on both server and client.
177
-
178
-
179
-
180
-
## Features
181
-
182
-
### 🔐 Authentication & Identity
183
-
184
-
- Email/password, Google OAuth (via WorkOS)
185
-
- Email verification, password reset flows
186
-
- Sealed session cookies
187
-
- Multi-organization support with org switching
188
-
189
-
### 👥 Organizations & Collaboration
190
-
191
-
- Create and manage organizations
192
-
- Invite members via email with token-based accept flow
193
-
- Role-based access control (Admin, Member — extensible)
194
-
- Permission gates on routes and UI components
195
-
196
-
### 🔔 Realtime
197
-
198
-
- WebSocket infrastructure with typed events
199
-
- Live notifications (push + mark-read)
200
-
- Invitation events for instant collaboration UX
201
-
202
-
### 📁 Storage & Uploads
203
-
204
-
- S3-compatible object storage (RustFS in dev, any S3 in production)
205
-
- Avatar uploads with size/type validation
206
-
- Typed file middleware with memory and disk strategies
207
-
208
-
### 🖥️ Desktop App
209
-
210
-
- macOS (DMG + code signing + notarization)
211
-
- Windows (Squirrel installer + auto-update)
212
-
- Linux (deb + rpm)
213
-
- Native window controls, menus, clipboard, persistent store
214
-
215
-
### 📊 Observability
216
-
217
-
- Sentry error tracking (web + Electron main/renderer)
218
-
- PostHog product analytics
219
-
- Structured logging on backend
220
-
221
-
### 🧪 Testing
222
-
223
-
- Vitest unit/integration tests for backend features
224
-
- React Testing Library for frontend components
225
-
- Playwright E2E with isolated test infrastructure
226
-
- Dedicated Docker Compose for test databases
227
-
228
-
### 🤖 AI Development Experience
229
-
230
-
- 15+ Cursor rules defining conventions for every layer
231
-
- Agent skills for brainstorming, Hono, Prisma, frontend design
232
-
- Vertical structure minimizes blast radius per change
233
-
- Fast tooling gives agents sub-second feedback
234
-
235
174
236
175
237
176
## Tech Stack
@@ -240,14 +179,31 @@ Vite 8, OXC linting, `oxfmt` formatting, Nx caching. The feedback loop is measur
0 commit comments