Shells

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.

Buy now from $49

Built with

Next.js
Supabase
Claude Code
Tailwind CSS
Next.js
Supabase
Claude Code
Tailwind CSS
Next.js
Supabase
Claude Code
Tailwind CSS
Shell — Dashboard

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

  1. Buy and clone

    The full source, yours on as many projects as you like — including client work.

  2. 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.

  3. /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
Buy now
Most popular

Lifetime

$79USD

  • Full source, yours to modify and ship
  • Unlimited projects, including client work
  • Lifetime updates
Buy now

$79 for the first 1,000 customers

One-time payment. Instant access to the source after checkout.