Next.js + Supabase SaaS starter
A working SaaS app with nothing in it.
Shell is a Next.js and Supabase SaaS starter with the frame already finished — sidebar, header, auth, design system, all rendering on your first npm run dev. The database is empty on purpose: a starter that guesses your product hands you code to delete. What fills it is your agent — five skills that load in Claude Code and Cursor, MCP wired to your Supabase project, and /kickoff, which interviews you and writes your first schema, policies and screens.
Built with
Shell’s dashboard on a first run — the full application shell, rendering with no Supabase project connected and no tables to read. It is the real thing, not a screenshot — the sidebar navigates and collapses.
From checkout to your first screen
Buy and clone
The full source, yours on as many projects as you like — including client work.
npm run dev
The whole app renders — sidebar, header, auth, dashboard — with no database and no keys. Nothing to configure before you can judge it.
/kickoff
Your agent interviews you about what you are building, then writes the first migration, the policies that scope it, and the navigation and screens to go with them.
What’s built
The /kickoff interview: a skill that asks what you are building, writes the answer to docs/BRIEF.md, and turns it into your first migration, policies, navigation and screens
Renders on day zero: npm install && npm run dev and the whole app is on screen — no database, no keys, and nothing to configure before you can judge it
Application shell: a collapsible sidebar with an icon rail, a header that derives its breadcrumb from the route, and a page sub-nav whose tabs fold into a select on small screens
Auth and session wiring: Supabase SSR clients, a protected-by-default proxy with a public allowlist, and a session resolved on the server before anything paints — so there are no loading gates
One file for navigation: the sidebar is a plain TypeScript array; adding a page is a route plus one entry, and the header title and active highlight both follow from it
Design system: shadcn/ui on Tailwind v4's CSS-first config, one brand orange split into three tokens so contrast holds everywhere, and a three-step surface ladder
A cross-agent harness: Claude Code and Cursor boot into the same five skills — Supabase's own version-locked to a hash, MCP pointed at your project, CLAUDE.md and AGENTS.md as the rulebook
Modern stack: Next.js 16 · React 19 · TypeScript · Tailwind v4 · shadcn/ui · Supabase
FAQ
Before you build
Start with the shell already built.
Buy it once and the whole app renders on your first npm run dev — then hand it to your agent and start on the product.
One year
$49USD
- Full source, yours to modify and ship
- Unlimited projects, including client work
- One year of updates
Lifetime
$79USD
- Full source, yours to modify and ship
- Unlimited projects, including client work
- Lifetime updates
$79 for the first 1,000 customers
One-time payment. Instant access to the source after checkout.