Skip to content

BetterTyped/hype-stack

Repository files navigation

Hype Stack

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

A clean, empty full-stack template.
Add features as you need them β€” one command at a time.

Get started:

npx @hype-stack/cli create

Β 

What Is Hype Stack?

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.

Build whatever you want from day one.

Β 

How It Works

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

  1. Scaffold your project with the CLI
  2. Add packs when you need them β€” auth, orgs, realtime, storage, desktop, and more
  3. Each pack drops production-ready code into your codebase β€” you own it, you modify it
npx @hype-stack/cli create          # Create a new project
npx @hype-stack/cli add auth        # Add authentication pack
npx @hype-stack/cli add orgs        # Add organizations & RBAC pack

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

Β 

Preview

App Preview

Β 

Platinum sponsor banner

Platinum sponsors

What You Get Out of the Box

The template ships with zero features and everything you need to build them:

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

Β 

Available Packs

Need features? Add them with a single command. Each pack installs production-grade, fully-typed code directly into your project.

Pack What it adds
Auth Email/password, OAuth, email verification, password reset, sessions
Organizations Multi-org support, invitations, org switching
RBAC Role-based access control, permission gates on routes and UI
Realtime Typed WebSocket events, live notifications
Storage S3-compatible file uploads with validation
Desktop macOS signing, Windows installers, Linux packages, auto-update
Observability Sentry error tracking, PostHog analytics, structured logging

Packs are purchased separately. Run npx @hype-stack/cli packs to browse what's available.

Β 

Gold sponsor banner

Gold sponsors

Why Hype Stack?

Clean Slate, Not a Gutting Job

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.

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 conventions. Fast tooling gives agents sub-second feedback loops.

Zero-Codegen Type Safety

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.

One Codebase, Every Platform

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.

Β 

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      β”‚                               β”‚
β”œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”΄β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€
β”‚  packages/enums β€” shared permissions & config   β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜

Β 

Tech Stack

Layer Technology
Frontend React 19, TanStack Router, Tailwind v4, shadcn/ui, Motion
Backend Hono, Prisma, Kysely, Zod
Desktop Electron Forge (macOS, Windows, Linux)
Database PostgreSQL 17 + pgvector
Cache Valkey (Redis-compatible)
Tooling Nx, Vite 8, OXC, pnpm, TypeScript 6

Β 

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

Web app runs on Vite. Backend 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

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages