Build with AI

How to build a CRM with Lovable

Build your own CRM in a browser tab, prompt by prompt. Contacts, leads, deals, a pipeline board your team drags records across, and logins that keep each rep to their own records, with Lovable designing the tables and the access rules in the same chat that builds the screens.

August 2026 · 35 min read · Updated September 2026

Lovable

$ Build a CRM with contacts, leads, and deals, and a pipeline board I can drag deals across, with logins, an admin-and-member split, and access rules so a rep only sees their own records.

  • Tables designed from the chat
  • Access rules per role
  • Ready to preview
You describe it, Lovable builds it
Start here

What a CRM actually is

A CRM, or customer relationship management, is the system where a business keeps every lead, contact, and deal, and tracks each interaction across the whole customer lifecycle.

Before a CRM, that information lives in spreadsheets, inboxes, and people’s heads, so deals slip, follow-ups get missed, and no one can say what is really in the pipeline. A CRM pulls it all into one place.

The point is not software for its own sake. It is to build and keep customer relationships that grow revenue: know who to follow up with, move each deal forward, and see what is actually working.

One source of truth

Every lead, contact, deal, and conversation in one place, so sales, support, and marketing all see the same picture.

A pipeline that moves

Track each deal from first touch to won, spot what is stuck, and forecast revenue instead of guessing.

Growth you can measure

Conversion rate, pipeline value, and average deal size become numbers you can act on, not gut feel.

The return on a CRM

310%

returned on average for every dollar spent on a CRM, in Nucleus Research’s 2023 analysis of 63 case studies, the payoff of getting your pipeline out of spreadsheets and into one system.

Nucleus Research, 2023 (63 CRM case studies) · checked August 2026

What a CRM needs

The parts every CRM is built from

It is worth knowing the pieces before you start. Almost every CRM reduces to these six, and each one is a thing you describe in plain words rather than build.

01

A data model: contacts, leads, and deals

The core of any CRM. Contacts are people, leads are potential customers, and deals are the opportunities you move toward revenue. Everything else (notes, tasks, activity) hangs off these three.

02

A visual sales pipeline

Deals travel through stages, from first contact to won or lost. A board or list view shows what is where, so nothing stalls silently.

03

Accounts and access control

Everyone signs in, and each person sees only what they’re meant to: admins run the team and settings, reps work their own leads. It’s what keeps your customer data private and in the right hands.

04

Forms that validate

Every record is created through a form. Checking input before it saves is what keeps your data clean instead of full of broken or half-empty rows.

05

Reports and dashboards

A few charts over the same records (win rate by stage, where deals stall, revenue on the way in), so the next move comes from the data in front of you, not a hunch.

06

Import and export

Your leads already live somewhere, a spreadsheet or another CRM. Getting them in, and being able to get them back out, is table stakes, not a nice-to-have.

Build vs buy

Own your CRM or rent it forever

Most teams reach for a hosted CRM by default, then watch the bill climb with every new hire and end up reshaping how they sell to fit the tool. Owning your CRM flips that. Here’s the trade-off, side by side.

Build your own

A CRM you build once and shape exactly to how your team sells, and with an AI coding tool handling the plumbing, that build takes days rather than a quarter.

  • Pay to build it once, then only your own infra bills: no per-seat subscription
  • A data model, stages, and roles that match exactly how you sell
  • Add unlimited users without jumping to a bigger plan
  • Change anything by describing it, instead of waiting on a vendor’s roadmap
  • Add your own AI on the model you choose: lead scoring, email drafts, deal-risk alerts
  • You own the code and the data outright: export whenever you like, with zero lock-in

Buy a SaaS CRM

HubSpot · Pipedrive · Salesforce

A hosted CRM is faster to switch on, but you pay per seat forever and bend to its data model.

  • Live in minutes: sign up and start, nothing to build or host
  • Polished UI, mobile apps, and vendor support included
  • Hundreds of ready-made integrations and an app marketplace
  • Per-seat pricing that climbs with every new hire
  • The automation and reporting you want often sit on a pricier tier
  • Their data model and limits: deep customization is capped
  • Your data lives on their servers, exported on their terms
HubSpotFree for 2 users, then $7-$20 / seat / mo

A genuinely useful free CRM for up to two users. Starter is $7/seat/mo on annual billing but $20 month-to-month, and the bill jumps sharply at Professional ($90/seat/mo annual, $100 monthly, plus a one-time $1,500 onboarding fee), where the automation, sequences, and reporting most teams want are gated.

hubspot.com · checked August 2026

PipedriveFrom $14 / user / mo

No free tier. $14/user/mo on annual billing for Lite ($24 month-to-month), then climbing steeply per tier (Growth $39, Premium $59, Ultimate $79) with email marketing and web-visitor tracking as paid add-ons on every plan.

pipedrive.com · checked July 2026

SalesforceFrom $25 / user / mo

The most powerful and the most complex. Starter Suite is $25/user/mo and the only edition billed monthly. Real use jumps to Pro Suite ($100/user/mo) and Enterprise ($175), both annual only, before add-ons like Agentforce.

salesforce.com · checked July 2026

Rule of thumb: if you have a handful of seats and a process that does not fit an off-the-shelf CRM, building your own pays for itself within months and never charges you again. If you need deep third-party integrations and enterprise support today, buy, then revisit once the subscription outgrows the value.

No dev needed

Why build with Lovable

A working app needs more than screens: something has to store what people enter, decide who may see it, and reject what does not make sense. That part is where a solo build stalls, not the parts a user sees.

Lovable turns that work into a conversation: describe a screen or a rule in plain language and watch it appear in the live preview, in the same tab:

The build loop
1

Prompt

Say what you want to add or change, in plain language.

2

Watch

The live preview rebuilds in the browser as Lovable writes the code.

3

Try it

Click through the real app, with real buttons, forms and data rather than a mockup.

Refine

Select what’s off and describe the fix, or ask for what’s next.

Loop back to Describe

None of that requires a computer science background or writing code, and the whole build happens in one browser tab, one request at a time.

Data & backendhandled automatically

Connect your database in a single step, right from the chat. Lovable builds the tables, sets up the logins, writes the server-side functions, and turns on live updates, each one an ordinary request in plain language, not a separate tool to learn.

Click to point instead of describing where

Select any element in the live preview with Lovable’s Select elements tool, and your next message applies to exactly that piece.

Full ownership and complete privacy

The app and the records in it are yours. Every change is saved automatically, and the repository Lovable syncs to GitHub is private on every plan, with no technical setup and not one Git command.

What it costs

Pay a developer, or do it with AI

Two ways to get the same app built: pay a developer for their hours, or spend your own describing it to an AI coding tool. Here is what each one costs to build, and what it costs to keep running once it is live.

Hire a developer

Custom build, from scratch
Developer
~$11k-$42k
Supabase (backend)
Free tier · $25/mo (Pro plan)*
Hosting
$0 free tier
Build time
~210 hrs of their work

~$11k-$42k to build, then ~$25/mo after launch

What moves that number is seniority, not scope. It is our ~210-hour estimate run through the bands in the rate survey below. North American freelancers sit between $40 and $150/hr depending on experience, and agencies add 20-40% again on top, so the realistic floor is about $50/hr and an agency with a senior on the job lands near $200/hr. All of it buys baseline functionality, spent before a single deal exists. Afterwards there is only the database and the host to pay for.

Build it with Lovable

From scratch, with Lovable
Lovable
Free (30 credits/mo) to $25+/month (Pro, from 100 credits)
Backend (Supabase)
Free tier · $25/month (Pro plan)*
Hosting
$0 on a Lovable subdomain
Your time
~100 hrs

Free to try the idea, ~$25-$50+/month on Pro while you build a real one, then whichever credit tier you keep using

Lovable bills by credits, so what you pay tracks what you build: importing the pre-built template can fit inside the Free plan’s 30 credits a month, while a full from-scratch build burns through Free fast and usually needs Pro. Pro’s entry rung is $25/month (or $250/year, roughly $21/month effective) for 100 credits, the bottom of a ladder where 200 credits runs $50/month (or $500/year, about $42/month), and a multi-session build often lands on that rung or higher rather than the entry price.

* The free Supabase tier is sized for building rather than for a team selling on it: 500 MB of database, 2 active projects, and a pause after a week of no activity, which for a CRM means your reps arriving at a dead app on Monday morning. The Pro plan, from $25/mo, keeps it awake.

Both columns end with the code belonging to you, no per-seat subscription, and the tenth rep costing exactly as much as the first: nothing. No transaction fee appears in either column, because a CRM records what a deal is worth rather than charging for it. The one place a percentage ever shows up is if you later invoice or take payment from inside the app, and the payments section below prices what that costs.

Prices and rates from supabase.com, developex.com and docs.lovable.dev, checked August 2026.

Plan first

Decide before you build

Six decisions about how your team sells, none of them technical, all of them cheaper to settle now than to change once records exist. Write your answers down before the first prompt.

01

Your data model

What you actually track. Every CRM starts with contacts, leads, and deals, so decide the extra fields and objects your process needs, like company size, lead source, or renewal date, so the schema fits how you sell from day one.

02

Authentication

How people sign in. Email and password is the baseline, so decide early whether you also want magic links, Google, or SSO, because it shapes the login screens and your Supabase Auth setup from the start.

03

Roles and access

Who sees what. Most teams need at least admin and member, so decide whether reps see only their own leads or the whole pipeline, and whether you also want manager or read-only roles, before you write the access rules.

04

Where the data lives

Your own Supabase project, in a region you choose. Settle this up front, because it is where every record, login, and file lives, and owning it keeps privacy and GDPR compliance in your hands.

05

Volume and scale

How many records and users, roughly. A solo pipeline and a 20-person team pull differently on indexes, imports, and your Supabase tier, so knowing the ballpark now saves reworking the schema later.

06

Who sends your email

Reminders, follow-ups, and alerts need a provider: Resend, Postmark, and Amazon SES are the usual picks, all with free tiers big enough to start. Do not plan on Supabase’s built-in email: it is rate-limited and meant for sign-up links, not for mail your customers receive. Pick one before you build the notifications, because it decides how they get wired up.

Approaches

Comparing your build options

How you start decides how much of this is plumbing versus the pipeline your team actually works in. Here is one CRM built three ways: by hand, on a UI kit with nothing behind it, or in Lovable, where the tables and the screens come out of the same conversation.

~210 hrsBuilding by hand

Programming the rules behind the screens consumes most of your time and money. Moving a deal through its stages, keeping every call and email attached to the right person, scoring what is worth chasing, and totalling a forecast are invisible logic that can’t just be designed, so it must be coded, and a mistake in it costs you a deal you thought was closing.

~155 hrsGeneric UI starter kit

Starter kits save time on visuals by offering ready-made dashboards, tables, and settings. However, a kit knows nothing about your business rules. You still need developers to program your pipeline logic and configure security, ensuring one rep never sees another’s accounts and commissions.

~100 hrsAI-powered development with Lovable

Instead of writing code, you simply describe the features you need in plain language and watch the app update live. The platform automatically links your interface to the database, making it easy to manage permissions, such as logging in as a sales rep to verify what they can actually see and access.

Interactive calculator

Estimate your exact build timeframe

Check off exactly what your CRM needs and watch the estimate update instantly, tuned to your own scope instead of a generic guess.

What your CRM needs

Your estimate

100 hrs

start to finish

Based on the 6 of 6 features you’ve selected, plus ~36h of groundwork. Toggle any on the left to watch the number move, and open the groundwork row to untick what you have already, such as a database that is already running or going live if you are only building a mock-up for now.

A rough estimate, not a quote. Real time depends on how much you customize and how clean your data is.

Setting up your workspace

Let’s set up the tools you need

Nothing gets installed, because the whole workspace is a browser tab. Three things to sort out before step 01, and a fourth worth adding once the project matters to you. After that, you build by describing what you want.

1

Lovable account

Cost: Free

Nothing to download. Sign up with an email, Google, or GitHub account and you land straight in the chat where you describe what to build.

Sign up for Lovable
2

Lovable subscription

Cost: $25/month (Pro) and up

Lovable bills by build credits, so the plan you need follows what you build. Free gives you 5 credits a day, capped at 30 a month, which is enough to try it rather than to finish an app. Pro is $25/month for 100 credits ($250/year, about $21/month), and that is the bottom rung: a build spread over several sessions usually lands on 200 credits at $50/month, or higher.

Compare Lovable plans
3

Supabase project

Cost: Free to start

Where your app keeps its data. Connect your own Supabase project from the chat, or let Lovable create one for you. Either way it designs the tables, adds the logins, and wires the screens to them from there.

Connect Supabase to Lovable
Optional
4

GitHub connection

Cost: Free

Not needed to build anything, since Lovable keeps its own history of every change. Link a GitHub account and it also keeps a private repository in sync, so a copy of the real code exists outside the browser tab. Worth doing before the project is one you would hate to lose.

Set up GitHub sync

Only the first three are needed to start, and none of it touches your computer. From here, you describe what you want and Lovable builds it in the browser.

Step by step

Build your CRM core, prompt by prompt

Everything below happens in one browser tab. Send a message, watch the preview rebuild, click through what changed, then send the next. The order matters more than usual here: connect the database before you ask for screens, or you build forms with nowhere real to save to.

  1. 01

    Connect Supabase before you ask for a single screen

    The most common way a Lovable build goes sideways is designing screens first and adding the database later. Connect it from the chat now, and every screen after this has somewhere real to write to.

    PromptConnect the backend and set the ground rules
    Connect this project to Supabase before we build anything. Once it is linked, note the conventions for the rest of this build: this is a CRM, so we will use contacts, leads, deals, stages, and activities as the names throughout, and every screen should read and write real Supabase data rather than placeholder content.

    Connect it first and Lovable designs tables as it goes. Connect it later and you rebuild the screens that were saving nowhere.

  2. 02

    Describe what you track, and keep the three things separate

    Ask for the data model in one message. Be explicit that a contact, a lead, and a deal are three different records. Described loosely, they arrive as one table you will regret.

    PromptSet up your records
    Design the database for this CRM. Contacts are people (name, email, company) and a contact exists on their own. Leads are potential customers: each one links to a contact and carries a source and a status. Deals are the money: each links to a lead and carries a value, a stage, and an expected close date. Give every table an owner column for the user it belongs to, and a created-at timestamp. Show me the tables and how they relate before you build any screens on them.

    Say “a contact exists on their own” in the prompt. Left implicit, the three collapse into one table and every later report gets harder.

  3. 03

    Bookmark this version, then add logins

    Changes to the data model and the access rules are the ones worth being able to undo in a click. Bookmark first, then ask for sign-in.

    PromptAdd logins
    Bookmark the current version first, then add authentication: email-and-password sign-up, login, logout, a persisted session, and a profile row for each person. Signed-out visitors should land on the login screen rather than an empty dashboard. Keep the screens plain for now. We will make them look right once there is real data behind them.

    Bookmarking before a change to the data model is the difference between one click back and a long scroll through history.

  4. 04

    Ask for roles and access rules, then check them with the audit prompt

    This is the step that decides whether one rep can read another rep’s pipeline. Ask for it explicitly, then have Lovable read its own work back to you in simple terms.

    PromptAdd roles and lock the data to them
    Add two roles, admin and member, stored in their own table rather than on the user account itself, because anything on the account can be edited by the person it belongs to. Add a helper the access rules can call to check a role without the rule calling back into itself. Then turn on row-level security for contacts, leads, and deals: a member can read and change only the rows they own, an admin can reach every row, and every insert and update needs an explicit check that the new row is not being assigned to somebody else. Then show me how to confirm that a second member gets nothing back when they query the first member’s records.

    A role kept on the user account is a role the user can edit. That is the one detail worth spelling out in the prompt.

  5. 05

    Build the list and the board, previewing between them

    Two messages rather than one. The board is the screen people judge a CRM on, so give it its own turn and click through it properly.

    PromptBuild the lists and forms
    Build the record side first: a searchable contacts list, a detail page for a lead or a deal showing its fields and a timeline of activity against it, and create-and-edit forms that refuse to save a half-filled record. It all has to work on a phone as well as a laptop.
    PromptBuild the pipeline board
    Now the pipeline: a board of deals with a column per stage, dragging a card between columns to move the deal, and the new stage saved to the database as soon as the card lands. Use Select elements to point me at anything you want me to adjust rather than describing where it sits.
  6. 06
    Destination

    Use it as a rep would, then keep adding

    Click the whole flow through in the preview from a second account. The view your teammates get is the one you will otherwise never see.

    PromptTry it and plan what’s next
    Walk me through the whole flow in the preview: sign up, add a contact, create a lead and then a deal against it, drag that deal across the pipeline, and check from a second account that neither person can see the other’s records. Fix anything that breaks, then suggest what to add next (a dashboard, CSV import, an AI helper) in priority order.
Authentication & security

Built-in security for your most critical data

The records in a CRM belong to your customers rather than to you, which is what makes this section worth reading rather than skipping. Most of what follows arrives wired in as you build. The two things that need a paid plan or real work of their own say so plainly.

Proven logins

Nobody here writes password handling. Sign-up, sign-in, and staying signed in come from a system that has been attacked for years and held up, with email and password working immediately. Google sign-in or one-click email links are a small addition when you want them.

Two-factor is something you build

Two-factor sign-in (2FA) is the strongest thing you can put in front of an account, and Supabase supports it, but no switch exists to flip. You ask for it to be built: a screen to enrol a phone or app, a way to turn it off again, an extra step at login, and (the part people miss) access rules that require it. Budget a few hours for it, and add it before you hold anything sensitive.

Roles and permissions

Decide who can do what. A simple admin-and-member split covers most teams: admins manage everyone and the settings, members work their own records. Ask for manager or read-only roles whenever you need them.

Everyone sees only what their role allows

A member reaches their own records and nothing else. An admin reaches the team’s. That’s enforced by the database itself, not just hidden on the screen, so even if someone queried the raw data directly, they’d get back nothing their role doesn’t allow.

Administrative keys stay protected

The only key your app carries is a “public” one, designed to be seen, because the access rules above are what actually guard the data. The “master” key that bypasses those rules never leaves the server, not in the app, not in a repository.

Automatic daily backups on Pro

Nothing is backed up on the free tier, so during the build your database is the only copy of it. From $25/mo, Supabase Pro keeps a daily backup with 7 days of history behind it, which is what turns a mistaken bulk delete or a bad import into an inconvenience rather than the end of your pipeline. Be on it before real customer records go in.

PromptCheck who can see what
Review the access rules (row-level security policies) on every table. For each one, tell me in simple terms who can view, add, edit, and delete records, confirm that people can only reach their own data while the right roles can reach more, and flag anything left open that shouldn’t be.

Paste this into the chat before launch so Lovable checks nobody can see data they shouldn’t.

The one rule that matters: never put your secret (master) key in the app or a public repo. If it ever leaks, reset it in the Supabase dashboard right away.

Workflow rules

What speeds the build, and what slows it

Speeds the build

  • One small request per message, such as a field, a screen or a rule, rather than the whole app at once
  • Connecting your database before building screens that need real data, not after
  • Using Select elements to point at the exact thing that should change, instead of describing its location in words
  • Bookmarking a known-good version before a redesign or a change to the data model
  • Reading each response before sending the next request, so small mistakes don’t stack up

Slows the build

  • Asking for an entire app in one message instead of one screen at a time
  • Building screens for data your database does not hold yet
  • Describing which button or section to change instead of selecting it
  • Skipping bookmarks, then scrolling far back through history to undo a bad change
  • Approving several messages in a row without previewing what actually changed
Keeping a safe copy

Connecting GitHub (Optional)

Every change in Lovable is saved automatically without any technical setup. You only need to link GitHub if you want a private copy under your own control or plan to hand the codebase over to external developers.

What Git actually is

A recorder for a project: every change becomes a version you can go back to, and nothing is ever overwritten. GitHub is the service that keeps those versions online.

Lovable already saves every change

A new version is created each time Lovable changes your project. No save button, no Git command, and the full history is there to scroll back through.

Version history, Lovable docs

Reverting undoes the code, not your data

One click restores an earlier version of your code and redeploys it, but nothing already written to your database rolls back with it. A UI or logic change is safe to undo. A change that touched real records is not.

Bookmark before a big change

Before a redesign or a change to your data model, bookmark the version you are on: one click back instead of a long scroll through history.

Connecting it, if you want to

Open your project settings, pick GitHub, and authorise the account. Lovable creates a private repository and keeps it in sync both ways: changes in Lovable reach GitHub, and anything pushed to that branch comes back in. Free on every plan.

GitHub integration, Lovable docs

It’s also how you leave, if you ever want to

The synced repository is a standard Vite and React project: clone it, hand it to a developer, or deploy it yourself.

Deployment, hosting, and ownership, Lovable docs
Going live

Where to host your application

Hosting gives your app a home on the internet so anyone can open it via a web link. Choose a service below to make your site live. (Your database, logins, and business records are stored separately in Supabase, covered below).

HostBest forNotesFree tier
LovableBuilt inPublishing from the chatThe project you have been previewing publishes itself, with nothing to configure and no account to open anywhere else. Free on any plan at a lovable.app address. Paid plans put it on your own domain: buy one through Lovable and the DNS is done for you, or point one you already own at it using the two records the setup screen shows. Certificate issued automatically either way.Free on a lovable.app subdomain · own domain on paid plans

One button, and the app you have been previewing is live.

Optional

Hosting it somewhere else

Only for a setup Lovable does not offer: a host you already pay for, or the exported code on your own account. None of it is needed to go live.

HostBest forNotesFree tier
VercelOne-click deploysHook up the repository and every push publishes itself. A standard Vite project needs nothing configured. The licence is the part to read: Hobby covers personal, non-commercial projects, and a CRM your sales team works in fails that test however small the team, so budget for Pro at $20/user/mo.Pro from $20/user/mo (Hobby is non-commercial)
NetlifyDrag-and-drop or GitLink the repository, or skip that entirely and drop the built folder onto the page. Quickest route to a link you can put in front of your team today.Free tier
Cloudflare PagesCheapest at scaleOne setup, then everyone loads from whichever Cloudflare location is nearest, which only really matters if your reps are spread across time zones.Generous free tier
GitHub PagesFree Git-based hostingServes the site straight out of your GitHub project once a single routing setting is in place. The catch: publishing from a private repository is a paid GitHub feature, and this guide tells you to keep a CRM’s repository private, so count this as free only if you are genuinely willing to publish the code, which here you should not be.Free from a public repo only
Firebase HostingSimple setup, Google stackConfigure once, then ship with one command each time. Worth choosing mainly when your company already runs on Google and this saves explaining a new vendor.Free Spark tier
AWS Amplify HostingTeams already on AWSSet up through the AWS console, with a single rewrite rule to keep deep links working. Sensible if AWS is already where your invoices come from.Free tier (build + hosting)
SurgePublish from the terminalOne command, and the built folder is online. No repository anywhere in the loop. Handy for putting a half-built board in front of a colleague for an opinion.Free - unlimited publishing
DigitalOcean App PlatformDigitalOcean usersPoint it at the project and it takes care of building and serving, alongside anything else in that account.Free - 3 static sites, 1 GB/mo transfer

All of them will serve this app, and your AI coding tool can wire up whichever you pick. The thing worth checking first is not the price but the licence: free does not automatically mean free for *business* use, and Vercel’s Hobby tier says plainly that it is for personal projects. An internal CRM is company use even if only three people ever sign in.

Database & backend

Keep your data in Supabase

Three things live here rather than on the host above: the Postgres database holding every record, the accounts your team signs in with, and the edge functions any AI feature calls.

ServiceBest forNotesFree tier
SupabaseData, auth, functionsThe database, the logins, and the server-side functions the AI features call. Create a free project, hand over its URL and publishable key, and the app is connected to it.Free tier, then usage-based
If you collect money from it

Choosing your payment system

This CRM records what a deal is worth. It never charges a card, and nothing here is needed to run it. If you later decide to invoice or take payment from inside it, that is a separate provider, and it costs a percentage of everything you collect rather than a monthly fee.

StripeCharging the card yourself2.9% + $0.30 per domestic card, +1.5% international

The default for most builds, and the cheapest of the three per charge. You stay the seller of record, so sales tax and VAT are yours to work out. Sending invoices through it costs 0.4% of the invoice total on top, capped at $2 each.

stripe.com · checked August 2026

PaddleSelling software without handling tax5% + 50¢ per transaction

Merchant of record: it sells on your behalf and registers, files, and remits the tax in each country itself. Comfortably the most expensive rate here, and that gap is what the compliance is worth, a fair trade if you sell software across borders, and money wasted if you invoice ten local clients.

paddle.com · checked August 2026

PayPalCustomers who will not type a card3.49% + $0.49 per US transaction

More expensive than Stripe on every charge, with the same rate on invoices, and it buys you one thing: a customer who already has an account and will pay from it today. Worth having as a second option rather than the only one.

paypal.com · checked August 2026

Do the multiplication before you sign up for any of them. Unlike the database and the host, this is not a monthly bill you can size but a share of your revenue, forever. Closing $200,000 of business in a year costs about $5,800 to collect through Stripe and about $10,000 through Paddle. If your customers already pay you by bank transfer against an invoice, the cheapest payment system remains the one you have.

AI workflows

Power your CRM with native AI automations

Each of the three below is one more prompt once the CRM itself works. Copy them in as they stand: all three reach the model through one server-side function, which is the only place your key ever sits.

Lead scoring

Rank incoming leads by how likely they are to close, from their fields and recent activity, so reps work the best ones first instead of guessing.

PromptLead scoring
Create a server-side "ai" function that calls an AI model with the key kept in server secrets, never in the browser. Then add a "Score this lead" action to the lead view that sends the lead’s fields and recent activity to it, asks for a 0-100 score and a one-line reason, stores both on the lead, and colours the badge by score band. Lead scoring runs on every new lead, so pick the fastest, cheapest model tier for this one.

Draft follow-up emails

Generate a tailored follow-up from the deal’s stage, notes, and last contact, a first draft the rep edits and sends, not a blank page.

PromptDraft follow-up emails
Add a "Draft follow-up" button on the deal view that sends the deal stage, recent notes, and last-contact date to your ai function and returns a short, editable email draft in the rep’s tone. Show it in a modal with copy and insert actions. This one is everyday writing, so use a mid-tier model rather than the cheapest or the strongest.

Deal risk signals

Flag deals that are stalling (no recent activity, stuck in a stage too long, past the expected close), so nothing slips through the pipeline unnoticed. This is the one AI feature that runs on a schedule rather than on a click, so it needs somewhere to run from: pg_cron or a scheduled Edge Function, on a project that stays awake, which means Supabase Pro, since free projects pause.

PromptDeal risk signals
Schedule a nightly job (either pg_cron inside Supabase or a scheduled Edge Function, tell me which you picked and why) that asks your ai function to review open deals and flag ones at risk (no activity in 14 days, time in stage past ~1.5× the stage median, or an overdue close date), then surface a "Needs attention" filter on the pipeline board. Weighing those signals against each other is the one job here worth the strongest model tier, and it only runs once a night.

You bring no key and pick no provider: Lovable manages an API key per project, and if you do not name a model it chooses one from what you describe. Match the model to the job: fast and cheap for anything that runs on every record, stronger only where the reasoning matters. Send every feature above through that one integration.

Ready-made option

Get a head start with our template

Everything above is the from-scratch path, building this CRM yourself. Want to start further along instead? Our ready-made template gets you past the scaffolding, so your time goes into customizing it.

Sales Pipeline CRM

The exact CRM this guide builds, packaged so you can open it, point it at your own backend, and make it yours from there. A sales workspace that helps your team stay on top of every deal. You move leads through stages from qualification to closing, track each deal's value and full history, assign work to sales reps, and watch conversion rate, pipeline value, and average deal size update on a live dashboard.

React 18ViteTypeScriptTailwind CSSSupabase
Out of the box

The key benefits of starting with a template

The hard, invisible parts are already built and working, so your time goes straight to what makes the CRM yours.

Building the core from scratch

~100 hrs

Opening the template, already built

~1 hr

~99 hrs of building you skip

These two numbers measure different things: ~100 hrs is what it takes to build the CRM’s core yourself, and ~1 hr is how long the template takes to open and connect, since that core is already built. Customizing it for your team costs time either way, so neither side counts it.

A working CRM from day one

Open a functional app, not an empty folder. The contacts, leads and deals, the pipeline board, and every record screen already work.

Admin and rep kept apart

Admins manage the whole pipeline while reps strictly see their own accounts and deals. Privacy rules are enforced automatically by the database on every request.

All background automation, ready out of the box

Stage triggers, automatic assignment, follow-up reminders, lead scoring, and transactional email that reaches the inbox are fully configured.

Clean structure your AI can safely customize

The template follows clean, predictable rules so you can ask your AI coding tool to add custom features without risking errors in your pipeline totals or security rules.

Customer story

From founders who build on our templates

I braced for a week of wiring up auth and the database, but the template shipped with all of that already working. So I spent my time on the parts that matter: renaming the pipeline stages, adding the fields we actually use, making it ours. The team was working off it by the end of the day.
Jeevan ThomasJeevan ThomasFounder & CEO, Hado.ai
Got questions?

Common questions

No. Describe what you need in ordinary language and the tables, the logins, and the access rules get written on top of Supabase for you. The one job that stays yours is creating the free Supabase project it all points at, which is what keeps the data in an account you own.

Yes. Describe the roles you need (admin, member, manager) and the accounts, access rules, and lead assignment get built around them, so everyone signs in and sees only what they should.

Yes. Add a small server-side ai function and route lead scoring, email drafts, and deal insights through it. Pick the model tier that fits each job (the cheapest and fastest for anything that runs on every record, the strongest for the once-a-night reasoning) and keep the provider key on the server, never in the app.

Two bills, both yours and both starting at nothing: Supabase for the backend, and a host for the site. A CRM your team signs into every day needs Supabase Pro, from $25/mo, because free projects go to sleep after a week of inactivity. Whichever host you choose may want a paid plan too, for the licensing reason above rather than for the traffic. Prices checked July 2026 (see the references at the foot of this page).

Only the people you give accounts to, and each of them only what their role permits: a member their own records, an admin the whole team’s. Nobody outside your company reaches any of it. Because the database is a Supabase project you created, you are the sole controller of that data for GDPR purposes, which also makes a deletion request something you can actually answer.

The only key the browser ever holds is the public one, and it is useless on its own: every table carries row-level security rules, so the database itself decides which rows that user is allowed to touch. Anything powerful (the master key, the AI provider key) stays server-side in the edge functions and is never bundled into the app.

No lock-in at all, because nothing underneath is proprietary. It is a plain PostgreSQL database, so pg_dump or the Supabase CLI gives you every contact, lead, and deal in a form any Postgres host accepts.

Yes. You can upload a CSV straight into your Supabase tables (up to 100 MB per file), or ask for a quick importer that maps your old CRM’s export onto the new fields.

Yes. Whichever host you pick for the frontend (Vercel, Netlify, Cloudflare Pages, and others) lets you connect a custom domain with free HTTPS in a few clicks.

No. Everything happens in a browser tab: you describe what you want in the chat, and Lovable writes and previews the code. The setup section above covers the handful of things you connect first: an account, a plan, and your own Supabase project.

A sketch on the Free plan is fine for testing an idea, with no real backend behind it. A project connected to your own Supabase account is the one you can actually launch, with real logins, real data, and your own domain.

Build credits reset every day (Free) or on your billing cycle (paid plans). If you run out mid-session, the app you’ve built stays exactly as it is. You either wait for the reset or move up a credit tier to keep going right away.

References

Sources checked August 2026
  1. 01What is CRM? definition and purpose, Salesforce. salesforce.com
  2. 02CRM returns $3.10 per $1 spent, Nucleus Research. nucleusresearch.com (published 2023)
  3. 03Sales Hub pricing, HubSpot. hubspot.com
  4. 04Pricing, Pipedrive. pipedrive.com
  5. 05Sales Cloud pricing, Salesforce. salesforce.com
  6. 06Pricing (Pro plan, free-tier limits), Supabase. supabase.com
  7. 07Web developer hourly rates 2026 (freelance and agency benchmarks). developex.com
  8. 08Importing data (CSV size limit), Supabase docs. supabase.com
  9. 09Row Level Security, Supabase docs. supabase.com
  10. 10Stripe pricing. stripe.com (August 2026)
  11. 11Paddle pricing. paddle.com (August 2026)
  12. 12PayPal merchant fees. paypal.com (August 2026)
  13. 13Sign up, Lovable. lovable.dev
  14. 14Subscription plans (Free, Pro, Business), Lovable docs. docs.lovable.dev
  15. 15Connect Supabase, Lovable docs. docs.lovable.dev
  16. 16GitHub integration, Lovable docs. docs.lovable.dev
  17. 17Deployment, hosting, and ownership, Lovable docs. docs.lovable.dev
  18. 18Version history and reverting, Lovable docs. docs.lovable.dev
  19. 19Preview toolbar (Select elements), Lovable docs. docs.lovable.dev
  20. 20AI features and model selection, Lovable docs. docs.lovable.dev
  21. 21Custom domains, Lovable docs. docs.lovable.dev

This guide is general information. Third-party prices, plan limits, and market rates are quoted from the sources above and were last checked on the date shown. Vendors change them without notice, so confirm before you budget. Build hours and the cost estimates derived from them are our own estimates, not quotes. Testimonials are from named customers. The integration figures are illustrative. Lovable is a product of Lovable Labs. Verify current capabilities and pricing before relying on them.