Getting Started
Scaffold a full-stack TypeScript project in one command with Fusion Stack.
What is Fusion Stack?
Fusion Stack is a CLI + visual builder that lets you compose a project starter from best-in-class tools. Pick your frontend, backend, auth, email, and more — then run one command to get a fully configured, TypeScript-ready project.
pnpm create fusion-stack@latest my-appOr use the visual builder to pick your stack and copy the generated command.
Quick Start
# Interactive — prompts you for each option
pnpm create fusion-stack@latest
# Next.js + Convex + Clerk (classic)
pnpm create fusion-stack@latest my-app \
--frontend nextjs \
--backend convex \
--auth clerk \
--email resend
# TanStack Start + built-in API routes + tRPC + Clerk
pnpm create fusion-stack@latest my-app \
--frontend tanstack-start \
--backend tanstack-start \
--auth clerk \
--api-layer trpc
# TanStack Start + PostgreSQL + Drizzle + Better Auth
pnpm create fusion-stack@latest my-app \
--frontend tanstack-start \
--db postgresql \
--orm drizzle \
--auth better-auth
# Vite React + Hono + Clerk + tRPC
pnpm create fusion-stack@latest my-app \
--frontend vite-react \
--backend hono \
--auth clerk \
--api-layer trpcAfter generation, the CLI will:
- Write all project files and install dependencies
- Initialise a git repository and create a
chore: initial scaffoldcommit - Print next steps for environment variables and starting the dev server
To skip git initialisation: add --no-git to the command.
Stack Options
| Category | Options |
|---|---|
| Frontend | Next.js, TanStack Start ✨, Vite + React ✨, None |
| Backend | Convex, Hono, Next.js API Routes ✨, TanStack Start (built-in) ✨, Vite (built-in) ✨, None |
| API Layer | tRPC ✨, oRPC ✨, None |
| Database | PostgreSQL ✨, MongoDB ✨, MySQL ✨, SQLite ✨, Convex (via backend), None |
| ORM | Drizzle ✨, Prisma ✨, Mongoose ✨, None |
| DB Provider | Neon ✨, Supabase ✨, PlanetScale ✨, Self-hosted |
| Auth | Clerk, WorkOS AuthKit ✨, Better Auth, None |
| UI Library | shadcn/ui, Tailwind only |
| Resend, None | |
| Addons | PWA ✨ |
| Package Manager | pnpm, npm |
Compatibility Rules
Only a handful of combinations are blocked — everything else can be freely mixed:
- Convex DB requires the Convex backend — selecting Hono, TanStack Start built-in, or no backend removes the Convex database option
- Next.js API Routes backend requires the Next.js frontend — it cannot be used with TanStack Start or Vite React
- TanStack Start (built-in) backend requires the TanStack Start frontend — it is the native API layer of that framework
- Vite (built-in) backend requires the Vite React frontend — Hono runs inside the Vite dev server via
configureServer - shadcn/ui requires any web frontend — it cannot be used in API-only projects
The builder enforces these rules visually. The CLI validates them and adjusts automatically.
Frontend compatibility at a glance
| Next.js | TanStack Start | Vite + React | |
|---|---|---|---|
| Convex backend | ✓ | ✓ | ✓ |
| Hono backend | ✓ | ✓ | ✓ |
| Next.js API Routes | ✓ | — | — |
| TanStack Start (built-in) | — | ✓ | — |
| Vite (built-in) | — | — | ✓ |
| tRPC | ✓ | ✓ | ✓ |
| oRPC | ✓ | ✓ | ✓ |
| Clerk | ✓ | ✓ | ✓ |
| WorkOS | ✓ | ✓ | ✓ |
| Better Auth | ✓ | ✓ | ✓ |
| shadcn/ui | ✓ | ✓ | ✓ |
| PWA | ✓ | ✓ | ✓ |
Local URLs
| Service | URL |
|---|---|
| Next.js / TanStack Start | http://localhost:3000 |
| Vite React dev server | http://localhost:5173 |
| Hono API server | http://localhost:3001 |
| Convex dashboard | https://dashboard.convex.dev |