Skip to content

BetterTyped/hype-stack

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

81 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Hype Stack!

The starting point for web and desktop apps.
Fully typed. AI-ready. Production-grade architecture.

A clean, empty full-stack template.
Add the features you need, one command at a time.

MIT License CLI React 19 TypeScript 6 Vite 8 Electron 41 Stars

Get started:

npx @hype-stack/cli create

Β 

What Is Hype Stack?

Hype Stack is a modern full-stack template. You get a clean, empty project with the architecture and tooling already wired up. No demo features to rip out. No dead code to clean up.

Build whatever you want from day one.

Β 

How It Works

Hype Stack follows the same model as shadcn/ui, but for full-stack features.

npx @hype-stack/cli create      # Create a new project

# Additional commands
npx @hype-stack/cli template    # Pick template to start with (wizard)
npx @hype-stack/cli compose     # Create custom project with full functionality (wizard)

No lock-in. No runtime dependency. Just code in your repo.

Β 

What You Get Out of the Box

The template ships with clean setup and everything you need to build them:

  • Monorepo: frontend, backend, and shared packages in one repo.
  • End-to-end types: the frontend imports backend contracts directly. No codegen.
  • Rust-powered tooling: OXC lint and format, Vite 8 HMR in milliseconds.
  • AI-native structure: vertical architecture with bundled Cursor rules and agent skills.
  • Desktop-ready: Electron Forge pre-configured for macOS, Windows, and Linux.
  • Testing setup: Vitest, React Testing Library, and Playwright E2E ready to go.

Β 

Platinum sponsor banner

Platinum sponsors

Start From Our Project Templates

Better Studio
Better Studio

Β 

Skip Months of Undifferentiated Work

Every SaaS reinvents the same plumbing β€” auth, billing, teams, notifications. It's weeks of work that earns you zero competitive advantage and a long tail of security and edge-case bugs. Hype Stack ships that plumbing as production-ready code you own outright.

One command installs it. You skip the build, keep the code, and start on the features that actually make you money.

What you'd otherwise build Pack You save Why it pays off
Auth, orgs, roles, sessions and admin panels for managing users and organizations SaaS Starter ~4–6 weeks Weeks of boilerplate, manual testing, and setup already done β€” focus straight on business features
Many polished, responsive layout shells Layouts (free) ~1 week Collapsible sidebar, org switcher, breadcrumbs β€” amazing UI and UX
Payments, subscriptions & webhooks, and admin panels for managing subscriptions Monetization ~3–5 weeks Start charging from day one β€” Stripe checkout, billing portal, signed webhooks
Teams, projects & realtime presence Collaboration ~3–4 weeks Turn a single-player app into a team product without the WebSocket headache
Push, in-app inbox, email fallback, and admin campaigns functionality Notifications ~2–3 weeks Re-engage users out of the box via WebSocket push + Resend email

That's 15+ engineer-weeks β€” often $50k+ in salaried build cost β€” off your roadmap before you write a line of product code.

Composable, not a monolith: npx @hype-stack/cli compose drops fully-typed code straight into your repo. Pick a starter, add one layout, stack on the features you need β€” and navigation wires itself up as each pack lands in the sidebar.

Premium packs need a license. Run npx @hype-stack/cli login to install the ones your organization owns. The base repository template and free packs are open source forever.

Β 

Gold sponsor banner

Gold sponsors

Why Hype Stack?

🧹 Clean slate, not a gutting job

Most templates hand 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, and CI.

πŸ€– Built for AI agents

The codebase follows a vertical architecture. 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 the conventions. Fast tooling gives agents sub-second feedback loops.

πŸ›‘οΈ Zero-codegen type safety

No OpenAPI specs. No code generators. The frontend imports @internal/backend as a workspace dependency. HTTP routes and WebSocket events flow through a typed bridge, so when you change a backend response, TypeScript flags every mismatched consumer instantly.

🌍 One codebase, every platform

The same React app runs as a web SPA and an Electron desktop app. A single VITE_APP_TYPE flag controls the split. Desktop builds are ready when you are.

Β 

Silver sponsor banner

Silver sponsors

Architecture

β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚                   pnpm monorepo                   β”‚
β”œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”¬β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€
β”‚  apps/frontend  β”‚  apps/backend                   β”‚
β”‚  ─────────────  β”‚  ────────────                   β”‚
β”‚  React 19       β”‚  Hono                           β”‚
β”‚  TanStack Routerβ”‚  Prisma + Kysely                β”‚
β”‚  HyperFetch SDK β”‚  Zod validation                 β”‚
β”‚  Electron Forge β”‚  Typed WebSockets               β”‚
β”‚  shadcn/ui      β”‚  Auth                    β”‚
β”œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”΄β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€
β”‚  packages/enums: shared permissions and config    β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜

Β 

Tech Stack

Layer Technology
Frontend React 19, TanStack Router, Tailwind v4, shadcn/ui, Motion
Backend Hono, Prisma 7, Kysely, Zod
Data layer HyperFetch SDK, typed HTTP and WebSocket bridge
Desktop Electron Forge (macOS, Windows, Linux)
Database PostgreSQL 17 + pgvector
Cache Valkey (Redis-compatible)
Tooling Nx, Vite 8, OXC, pnpm, TypeScript 6
Monitoring Sentry

Β 

Quick Start

# Create a new project
npx @hype-stack/cli create

# Start infrastructure
cd apps/backend && docker compose up -d && cd ../..

# Run migrations
pnpm --filter backend exec prisma migrate deploy
pnpm --filter backend exec prisma generate

# Launch everything
pnpm dev

The web app runs on Vite. The backend runs on Hono. Both hot-reload instantly.

Β 

Development

Docker Services

cd apps/backend
docker compose up -d
Service Port Purpose
Postgres 5436 Database (PostgreSQL 17 + pgvector)
Valkey 6381 Cache
RustFS 9000 S3-compatible object storage
RustFS Console 9001 Storage web UI

Commands

pnpm dev              # Start frontend + backend with hot-reload
pnpm build            # Production build
pnpm lint             # OXC linting
pnpm format           # OXC formatting
pnpm typecheck        # Full type checking
pnpm test             # Run all tests

Testing

cd apps/backend
pnpm test:setup       # Start test containers + migrate + generate
pnpm test             # Run tests
pnpm test:clean       # Tear down test infrastructure

Β 

Our Sponsors

Sponsors

Β 


Start empty. Add what you need. Ship fast.

Hype Stack gives you the architecture. You choose the features.

License

MIT

About

πŸš€ Fastest fullstack monorepo template in the world, built with vite, oxc, tsgo, pnpm. E2E typesafety, builds to Desktop and Web application.

Topics

Resources

Stars

3 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages