About this stack
The stack we reach for to get a paid product live in a weekend. Every piece has a free tier, a first-party Next.js guide and docs an agent can read, so Claude Code does most of the wiring while you decide what the product is.
Supabase carries the most weight. Postgres, sign-in, storage and row level security sit in one place, behind one dashboard and one set of keys. Stripe Checkout and the customer portal cover billing without a pricing backend of your own, and Resend sends the emails that sign-in and billing need.
It suits solo builders and small teams shipping a B2B or prosumer SaaS. If you'd rather own the database, swap Supabase for Neon and Better Auth and the rest still holds. If the product has no AI in it, drop the AI layer.
- 24 tools
- 10 layers
- 18 setup steps
The stack24 tools
Frontend5 tools
Backend2 tools
Auth & money3 tools
Infra2 tools
Ops & quality4 tools
AI2 tools
Agent config1 tool
Growth1 tool
Customer2 tools
Workspace2 tools
Installed with the stack18 steps
npx phatstacks@0 use @demo/saas-starter writes AGENTS.md and CLAUDE.md and lists these, in order, to run.
- 1Next.jsnpx create-next-app@latest
- 2Claude Codenpm install --global @anthropic-ai/claude-codefor the whole machine
- 3
Conventions
- npm, not pnpm or yarn.
- src/ layout, App Router only, server components unless a component needs the browser.
- Writes go through server actions; env vars live in .env.local and never in the client bundle.
- ESLint and Prettier on every commit.
Forks1 fork
Build with this stack
One command sets up a new project with all 24 tools and writes the AGENTS.md your coding agent reads first.
phatstacks@0 use @demo/saas-starter
