Build with AI

How to build a CRM with Claude Code

Turn the Sales Pipeline CRM template into a real, deployed product with Claude Code: point it at your own Supabase project, rebrand, extend the roles it already ships with, and wire in AI lead scoring.

RS

Remixable Studio

Template guides

June 2026 · 10 min read

Template at a glance

Front end
React + TypeScript + shadcn/ui
Backend
Supabase: auth, RLS, edge functions
Multi-user
Organizations + admin/member
Price
Free
Best path
Claude Code on the source
Where you start

How far each starting point gets you

The way you start decides how much is left to build. A full-stack template paired with Claude Code starts closest to a shipped product.

Build from scratch
20%

Weeks of setup before the first feature

No-code CRM subscription
50%

Fast, but you never own the code

Generic boilerplate
45%

A shell, still no real backend

This template
80%

A full-stack app, backend included

This template + Claude CodeYou
100%

Customized and shipped, end to end

Estimate

What will your setup take?

Set your hourly rate, then check the tasks that apply. The time and cost update as you go.

$
Setup tasks

Estimated setup

12 hrs

$960 at your rate

Saved vs scratch

~188 hrs

Your rate

$80/h

A rough estimate, not a quote. Real time depends on how much you customize and how clean your data is. Building the same backend from scratch is the baseline.

Get the source
Why this template

A full-stack start, not a front-end shell

This is not a front-end starter that leaves the hard parts to you. The Sales Pipeline CRM template ships as a full-stack application: a Supabase backend with authentication, row-level security, database migrations, and serverless edge functions are wired in from the start.

That changes the job. With Claude Code you are not building a backend, you are pointing the app at your own Supabase project, making it yours, and deploying. The value is a real codebase you own and grow, instead of a subscription you rent.

0

backend lines to write

Auth, row-level security, 48 migrations, and 15 edge functions ship ready. You connect your own Supabase, you do not build a backend.

48

migrations included

The full Postgres schema, versioned and ready to push to your project.

14

edge functions

Imports, lead assignment, organization creation, demo login, and more.

Two paths, three stages

From prototype to production

Use Claude Code for a real CRM you can grow and deploy. The Artifact route is only for a throwaway demo before you commit.

01Prototype
02Customize
03Production
Prototype (Artifact)

An evening

A single-file React demo to validate the idea. No database, no roles, no deploy. Useful only before you commit.

Customize (Claude Code)

A few hours

Open the real source, point it at your Supabase, rebrand, and extend the model by describing changes in plain words.

Production (deploy)

Same day

Add AI, lock conventions into a CLAUDE.md, and deploy to your own host. A real product you own.

Speeds the build

  • Backend, auth, and RLS already wired
  • Multi-tenancy and roles built in
  • Type-safe with generated Supabase types
  • Pipeline, analytics, and CSV import included
  • shadcn/ui components with dark mode
  • A one-click AI scaffold to repoint

Slows the build

  • Skipping your own Supabase project
  • Trapping it in a single-file artifact
  • Editing without a CLAUDE.md
  • Hardcoding API keys in the front end
  • Rebuilding modules that already exist
  • Leaving deployment to the very end
What you actually get

Six things that ship in the box

Not three identical cards. The pieces are not equal, so they do not get equal space.

01

A full-stack codebase

Front end, database schema, auth, and serverless functions ship together. You inherit a working app, not a blank file.

02

Multi-tenancy solved

Organizations, admin and member roles, lead assignment, and row-level security are built in.

03

Type-safe end to end

TypeScript with generated Supabase types and Zod validation across the forms.

04

Pipeline and analytics

Drag-and-drop opportunities, configurable stages, conversion and velocity charts, an audit log, and CSV import.

05

A serverless backend

14 Supabase edge functions handle imports, assignment, organization creation, and more.

06

A polished UI

53 shadcn/ui components on Radix primitives, with dark mode out of the box.

Who this is for

Four kinds of builder

The same template fits very different teams. Each gets something a little different from it.

Profile 01

Solo founders and freelancers

Own your CRM, skip the subscription

A lightweight way to stop losing leads. Claude Code turns the template into a personal CRM you actually own.

Fit

High

Setup

Fast

Best for

Ownership

Profile 02

Small-business sales teams

A shared pipeline and analytics

Team collaboration, lead assignment, and analytics are already built in. Point it at a shared Supabase and the whole team works off one source.

Fit

High

Setup

Medium

Best for

Teams

Profile 03

No-code and vibe builders

A real codebase to grow

The ready structure saves hours. A strong starting point for a custom CRM you grow by describing changes to Claude Code.

Fit

High

Setup

Fast

Best for

Speed

Profile 04

Agencies and studios

Client builds, fast

Build a quick Artifact demo for a client, then develop and deploy the approved version through Claude Code.

Fit

Medium

Setup

Fast

Best for

Clients

Step by step

Five stations to a shipped CRM

Work them in order. The backend already exists, so most of this is connecting your own copy and making the app yours.

  1. 01

    Get the source and open Claude Code

    Clone the template into a local folder and point Claude Code at the directory so it can read the whole codebase.

  2. 02

    Point it at your Supabase

    Set VITE_SUPABASE_URL and VITE_SUPABASE_PUBLISHABLE_KEY, then push the included migrations and deploy the edge functions.

  3. 03

    Customize and rebrand

    Add fields, recolor the pipeline, and extend the existing admin and member roles by describing the changes in plain words.

  4. 04

    Add AI features

    Repoint the bundled ai edge function at the Anthropic API and wire it into a Score lead action or a Draft follow-up button.

  5. 05
    Destination

    Test, deploy, and go live

    Run locally, keep a CLAUDE.md for consistent edits, then deploy to your own host. This is where it all lands.

By the numbers

From scratch vs from the template

A like-for-like build comparison at an $80 per hour rate. Your numbers will vary, but the gap is the point.

From scratch

Backend to build
~200 hrs
Database schema
From zero
Auth + RLS
Hand-rolled
Cost at $80/h
~$16,000

From the template

Backend written
0 lines
Migrations
48 ready
Edge functions
14 ready
Cost at $80/h
~$1,100

Why it worked

  • The Supabase backend, auth, and row-level security ship with the template, so none of it is rebuilt.
  • You push 48 included migrations and deploy 15 edge functions instead of writing a schema and an API.
  • Repointing the bundled ai edge function at the Anthropic API adds lead scoring with no new infrastructure.
From builders

What people say

We had a working, branded CRM on our own backend in an afternoon. The parts we expected to fight, auth and roles, were already done.
IBIllustrative builderPlaceholder testimonial
Pointing it at our Supabase and pushing the migrations was the whole backend setup.
PLPlaceholderSmall team
Repointing the ai function at Claude took one prompt in Claude Code.
PDPlaceholderIndie developer
The process

From clone to deploy

01

Get and connect

Clone, open in Claude Code, and point it at your Supabase project.

02

Customize

Rebrand, add fields, and extend the built-in roles.

03

Add AI

Repoint the ai edge function at the Anthropic API.

04

Deploy

Test locally, then ship to your own host.

BackendIncluded
AuthBuilt in
RolesBuilt in
AIScaffolded
Questions

What builders ask first

It comes with one. The template ships a full Supabase backend: Postgres tables, authentication, row-level security, 48 migrations, and 15 edge functions. You create your own Supabase project, set two env vars, and push the included migrations so the app runs on your data.

Ready to ship?

Get the Sales Pipeline CRM template, open it in Claude Code, and build a real product from a full-stack starting point.

References

  1. 01Sales Pipeline CRM template, Zeroqode. zeroqode.com
  2. 02Anthropic API documentation. docs.anthropic.com

This guide is general information. The integration figures and testimonials are illustrative. Claude, Claude Code, and the Anthropic API are products of Anthropic; verify current capabilities and pricing before relying on them.