How to build a lead capture CRM for your business with v0 (no coding required)
Design the form first and let the rest follow. v0 builds the screens your visitors and your reps will actually use, then the database and the routes behind them, so a lead goes from a stranger typing an email address to a rep with a name on their list.
v0
$ Build a lead CRM: an embeddable form, a leads list with source and status, and a rule that gives each new lead to the next rep in turn.
- Screens designed first
- Database added behind them
- Ready for you to review
What a lead capture CRM actually is
It is the front door of your sales process: the forms, pages and chats a stranger arrives through, and the single record each of them turns into so that somebody can follow up.
Without one, that first contact lands in four places at once. The website form emails the office inbox, the chat widget keeps its own history, the list from last month’s conference is still a spreadsheet, and nobody can say which of those people has been called. The leads do not vanish, they go quiet.
Collecting names is the easy half. The job is putting each new one in front of the right person while they still remember filling the form in, and knowing afterwards which of your sources produced business rather than traffic.
Every way in, one record
A form on your site, a page behind an ad, a chat with a visitor, and a spreadsheet you import all end up as the same kind of lead, carrying the same fields.
An owner within minutes
The lead is assigned as it arrives rather than at the next stand-up, so the person who has to make the call already knows it is theirs.
Sources you can compare
Each lead keeps where it came from, so you can tell which form, page or campaign paid for itself and which one only produced clicks.
Why the first minutes decide it
66.7%
of qualified form submissions turned into a booked meeting when the form handed the lead straight on, against an industry average the same report puts at 30%. That is Chili Piper’s 2025 benchmark across nearly four million submissions, measured on its own customers, so read it as what closing the gap is worth rather than as a neutral survey.
Chili Piper, 2025 benchmark of its own customers · checked August 2026
The parts every lead CRM is built from
Six pieces, and you describe each one rather than write it. Knowing what they are is what stops the first prompt producing a form with nowhere to send its answers.
The ways a lead can reach you
A form on your own site, the same form embedded on somebody else’s, a landing page sitting behind an ad, a chat widget in the corner of the screen, and a spreadsheet of the people you already met. Each one writes the same record, which is what makes the rest of the app possible.
One lead, with its history under it
Name, email, company, source and status on the record, and every form fill, chat, email and change of owner listed underneath in the order it happened.
A rule that decides whose lead it is
Each rep in turn, or split by territory, product or company size. Which rule you pick matters less than having one, because an unassigned lead is a lead nobody calls.
Enrichment and a score
An email address on its own is thin material for a phone call. Filling in what the domain tells you, then ranking how warm each lead looks, is what lets a rep start at the top of the list instead of the top of the alphabet.
Follow-up that carries on without you
A short sequence of emails with a gap between them, stopping the moment somebody replies, plus the reminders that put the next call in front of the rep who owns it.
Reporting by source
Which form, page or campaign produced the leads that turned into business. Without it you are tuning a number that only counts submissions.
Own the front door or rent it four times
The usual lead stack is four subscriptions, and each one meters something different: responses on the form tool, visitors on the landing-page builder, conversations on the chat widget, and seats on the CRM they all push into. None of those is the size of your team, so the bill follows your marketing. Owning it makes the four one app. Here is the trade-off, side by side.
Build your own
One app that takes the lead in, decides who owns it, and follows it up, on a database you control. With an AI coding tool writing the plumbing, that build is measured in days rather than months.
- One bill for the database and the host, whatever your marketing does that month
- A form that writes straight into your own leads table, with no integration in the middle
- Routing that matches how your team is actually split, rather than the two or three splits a vendor offers
- Every lead, chat and campaign in one database you can query
- Add your own AI on the model you choose: enrichment, scoring, a drafted first reply
- You own the code and the data outright, and can take either elsewhere whenever you like
Buy the stack
HubSpot · Typeform · Tidio · UnbounceEvery piece exists as a product already, polished and live this afternoon. You pay four meters for it and you maintain the joins between them.
- Live this afternoon: sign up, build a form, paste the snippet
- Polished editors, ready-made templates, and vendor support included
- Deliverability, spam filtering and uptime are somebody else’s problem
- Four meters rather than one bill: responses, visitors, conversations, and seats
- A lead has to travel between products, so somebody keeps those connections working
- The parts that make it a system rather than a form, meaning routing, sequences and source reporting, sit on the higher tiers
- Your leads live on their servers, exported on their terms
The one vendor here that covers the whole stack, and the step up is steep. Starter is $7/seat/mo on annual billing and $20 month-to-month, holding 1,000 marketing contacts. The routing, sequences and campaign reporting most teams arrive for sit on Professional, at $800/mo annual or $890 monthly for three seats, plus $45/mo for each seat after that and a one-time $3,000 onboarding fee.
hubspot.com · checked August 2026
Priced by how many people answer rather than by how many of you use it. Basic is $28/mo on annual billing ($39 month-to-month) and stops at 100 responses a month, so a paid plan can run out because your marketing worked. A thousand responses means Plus at $56/mo annual ($79 monthly).
typeform.com · checked August 2026
Live chat, metered on conversations a person answers. Free covers 50 a month and Starter is $24.17/mo month-to-month or $290 for the year, for 100. Growth starts at $49.17/mo for 250. Ten seats come with every tier including Free, so what prices this one is your traffic rather than your headcount.
tidio.com · checked August 2026
Landing pages, priced on how many people see them. Starter is $22/mo annual ($29 monthly) for one seat, one domain and 500 visitors a month, so an ad that starts working moves you to Build at $74/mo annual ($99 monthly) for 20,000. Conversions are unlimited on every plan, which means the ad spend in front of the page sets this bill rather than the leads coming out of it.
unbounce.com · checked August 2026
Rule of thumb: if your lead volume moves around, or the four products above are already talking to each other through a fifth, building your own pays for itself inside a year and never charges you by the response again. If you are one person still finding out whether anybody wants the thing, rent it for now and come back when a meter starts deciding your marketing for you.
Why build with v0
Describe your layout in plain words and see instant visual previews. Adjust design elements and page layouts without writing code.
v0 starts with the screens, and the backend comes when you ask for it: the server routes and logic that read and write real data, usually once the interface already exists and there is something real to connect it to:
Sketch
Describe the screen or component you want.
Preview
See it rendered live, and select any part of it to adjust directly.
Connect
Add a database and the routes that read and write to it, once the UI needs somewhere real to save.
Iterate
Prompt again for the next screen or the next piece of logic.
The order matters here more than with a full-app builder: v0 gets you a finished-looking interface fast, and the data underneath doesn’t show up until you ask for it and give it somewhere to live.
One clickconnects a database
Supabase, Neon, and Upstash are integrations you add from the project menu once a screen needs to hold onto something real, and v0 provisions the credentials and writes the routes that use them.
Live preview is the feedback loop
Every prompt updates the working interface right there in the chat, so you see the actual screen changing instead of imagining it from a description.
Design mode edits without a prompt
Select an element in the live preview, adjust its style directly or type a plain-language instruction, and v0 applies the change back to the real source code as a new version.
Pay a developer, or do it with AI
Pay Once, Own Forever. Avoid recurring per-seat subscription fees and software tier upgrades as your team grows.
Hire a developer
Custom build, from scratch- Developer
- ~$13k-$53k
- Supabase (backend)
- Free tier · $25/mo (Pro plan)*
- Hosting
- $0 free tier
- Build time
- ~265 hrs of their work
~$13k-$53k to build, then ~$25/mo after launch
Seniority moves that range further than scope does. It is our ~265-hour estimate priced against the survey below, where North American freelancers run $40 to $150/hour by experience and agencies add another 20-40% on top, so the realistic floor is about $50/hour and an agency putting a senior on the job lands near $200. All of it is spent before a single lead arrives. After launch there is only the database and the host to pay for.
Build it with v0
From scratch, with v0- v0
- $0 ($5/mo of credits) to $30+/month (Plus)
- Backend (Supabase)
- Free tier · $25/month (Pro plan)*
- Hosting (Vercel)
- Free on Vercel’s Hobby plan
- Your time
- ~125 hrs
Free to try the idea, ~$30+/month on Plus while you build a real one, then whichever plan you keep using
v0 bills in dollars of credit rather than a flat fee, so cost tracks usage: importing the pre-built template can fit inside Free’s $5 a month, while a from-scratch build runs into Free’s 7-messages-a-day cap quickly and usually needs Plus, at $30 per user per month with no annual discount shown. Because v0 generates the interface and the backend as separate steps rather than one pass, expect more prompts to reach the same result than a tool that writes both together.
* Supabase’s free tier is a building tier rather than a running-a-business tier: 500 MB of database, 2 active projects, and a pause after a week without activity. That pause matters more here than on most apps, because the form embedded on your website goes down with the project, and a lead that arrives while nobody was signed in is not queued anywhere. The Pro plan, from $25/mo, keeps it awake.
Both columns end the same way: the code is yours, nothing charges you by the response, and the thousandth lead in a month costs exactly what the first one did. The difference is whose hours go in: a developer’s, invoiced at $13k-$53k, or your own, spent describing the app and checking what comes back.
Prices and rates from supabase.com, developex.com, v0.app, v0.app and vercel.com, checked August 2026.
Decide before you build
Six questions about how leads reach you and what happens next. None of them is technical, and all of them are cheaper to answer now than after a thousand records exist. Write your answers down before the first prompt.
Which doors you open
A form on your site, the same form embedded elsewhere, a landing page behind an ad, live chat, an import. Each one is a real piece of work, so decide which you actually need. Most teams start with a form and an import, and add chat once somebody is free to answer it.
What a lead has to tell you
Every field you ask for costs you completions, and every field you skip costs a rep a phone call. Settle the shortest list that lets somebody decide whether to follow up, plus the source, so you can compare where your leads come from later.
Who gets the lead
Each rep in turn is the simplest rule and works until territories or products differ. Decide the rule now, along with what happens when the chosen rep is away, because an unassigned lead sits in the list looking exactly like a handled one.
Consent, and how you prove it
Whether somebody has to confirm by email before you write to them is a legal question in most of Europe and a deliverability question everywhere else. Decide it up front: it changes the form, the record, and what your first email is allowed to be.
What happens when nobody replies
How many follow-ups, how far apart, and what stops the sequence. A reply should stop it, and so should a rep marking the lead dead. Agree that before you build it, because a sequence that keeps writing to somebody who already answered is worse than no sequence.
What a bad week looks like
Not your average volume, your worst one. A campaign that works, a post that travels, or a bought list arriving at once are what strain imports, indexes and your Supabase tier. Knowing the peak now saves reshaping the schema after it happens.
Comparing your build options
Your starting point decides how much of this estimate goes on plumbing rather than on the form itself. Here is the same lead CRM three ways: entirely by hand, from a UI kit that stops at the screens, or in v0, which draws the screens first and puts the database behind them when you ask for it.
Most of the money goes on logic nobody ever sees. A stranger has to be able to write into your database without being able to read a single row back out of it. The same person filling in the same form twice has to arrive as one lead rather than two. The rep who gets it has to be picked by a rule rather than by whoever happens to be looking. All of that is code, and a mistake in it loses a lead you paid to get.
A starter kit hands you the screens: a dashboard, a table of leads, a settings page. It knows nothing about where those leads come from. The form that feeds the table, the rule that decides whose lead it is, and the checks that keep one rep out of another rep’s list are still a developer’s job.
You describe the screen you want and it appears, which makes the capture form the fastest thing here to get right. The database and the routes behind it are a deliberate second ask rather than part of the same breath, so plan on saying so explicitly at step 02 and again whenever a new screen needs to save something.
Estimate your exact build timeframe
Plenty of teams need less than all of this. If every lead you get arrives through one form, or you would rather answer chats in the tool your website already has, untick those two and the estimate drops with them.
Your estimate
125 hrs
start to finish
Based on the 8 of 8 features you’ve selected, plus ~31h 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.
Let’s set up the tools you need
v0 runs entirely in the browser too, so there’s no download and no terminal. Before step 01: sign up, pick a plan, and know that a database is one click away once a screen actually needs to save something. GitHub is the last piece, and it’s what turns the chat into a project you can hand to someone else.
v0 account
Sign in with a GitHub, Google, or email account and you land in a chat where you describe the interface you want. There’s nothing to install.
Sign up for v0v0 subscription
Free includes $5 of credits a month, capped at 7 messages a day, which is fine for trying a few screens and thin for a real build. Plus is $30 per user per month, billed monthly only (v0’s pricing page shows no annual option), and it’s the realistic floor once you’re iterating past a handful of screens.
Compare v0 plansDatabase (Supabase, Neon or Upstash)
Where your project keeps its data, added when a screen needs one. v0 generates the interface first. A database is a one-click integration you add from the project menu once a screen needs somewhere real to save to, with Supabase, Neon and Upstash as the options, and connecting one lets v0 write the routes that use it.
Connect a database in v0GitHub connection
Not needed to build anything, since v0 keeps its own history of every change. Connect a repository from the chat’s Git panel and v0 also commits every code-changing message to its own branch, ready to merge as a pull request. That is the step that turns the chat into a project other tools, and other people, can use.
Connect v0 to GitHubThe database step is the one worth not skipping once your screens need real data. Everything else here takes a couple of minutes, and after that you’re just describing what you want.
Build your lead CRM core, screen by screen
v0 draws the interface first and adds the backend when you ask for it, so the order here differs from a terminal build. Design the form your visitors see, then say plainly that it needs somewhere to save, then the roles, the rules, and the routing.
- 01
Design the form your visitors will actually see
Start where v0 is strongest and where this product lives or dies. Nothing is saved yet, and that is fine: you are settling what you ask a stranger for.
PromptDesign the capture formBuild a lead capture form as a standalone page with no navigation and no app chrome around it, so it can sit inside somebody else’s website later. Fields: name, email, company, phone, and a message. Mark name and email required, validate the email properly, show a clear error under each field, and show a thank-you state after submitting rather than a blank screen. It does not need to save anywhere yet.
This page is the one a stranger meets. Getting it right before there is a database behind it costs nothing and settles what you are collecting.
- 02
Say plainly that it needs a database
This is the step to be explicit about. v0 treats the backend as its own request rather than assuming it, so name the tables you want and say the form should write to one of them.
PromptAdd the database behind itConnect a Supabase database to this project and create the tables, then make the form from the last step actually write to it. Leads: name, email, company, phone, source (form, chat, import or manual), status (new, contacted, qualified, converted or rejected), a score, and the rep it is assigned to. Forms: title, slug, published flag, and fields as JSON. Submissions: the raw answers, the form they came from, and the lead they created. Activities: a lead, a type and a note. Every table gets a created_at. Show me the schema before you create it.
Naming the tables in the same message as the connection is what stops you getting a database with one table in it and a form that half writes to it.
- 03
Add sign-in and the two roles
The form is public. Everything else is not. An admin who runs the whole thing and a rep who works their own leads, both in place before any access rule is written.
PromptAdd logins and the two rolesAdd Supabase authentication with email and password: sign-up, login, logout, a session that survives a refresh, and a guard that sends signed-out visitors to the login page while leaving the public form page reachable by anyone. Then add two roles, admin and rep, stored in a user_roles table rather than in the user's auth metadata, since users can edit their own metadata and could otherwise promote themselves. Add a SECURITY DEFINER has_role function for the rules in the next step.
The guard has to let the embedded form through. Say so in the prompt, because a route guard added later is the usual way that page stops working.
- 04
Open the public door, and only that door
The awkward requirement at the heart of this app: a stranger has to write a row and must not read one. It is two separate rules, and the second is the one that protects everything you have collected.
PromptLock the tables to the two rolesTurn on row-level security for leads, forms, submissions and activities. A rep can read, add and edit only the leads assigned to them. An admin, checked with has_role, reaches all of them. Put an explicit check on every insert and update, so no one can file a row under another rep’s name or move an existing lead onto them. Update the API routes so they rely on these rules rather than filtering in the page.
PromptLet a stranger write one row and read nothingNow the public path. Allow an anonymous visitor to insert into submissions and nothing else: no reading, no editing, no deleting, and no anonymous access to leads, activities, form content or users. Create the lead from the submission in a server route rather than from the browser. Then tell me how to check it with no account at all: submitting should succeed, and asking for the leads table should come back empty rather than with an error I could mistake for a network problem.
Get this backwards and every lead you have collected is readable by anyone who opens the browser tools on your own form.
- 05
Turn one form into a form builder, and route what it catches
You have one form. Now make it many, give each one an address you can paste elsewhere, and decide who owns what comes through.
PromptBuild the form builder and its embedTurn the single form into a builder: a screen where I add fields (text, email, phone, select, checkbox), mark which are required, and publish. Give each form a public address at /embed/forms/:slug rendering only that form, with no navigation, and add an Embed tab showing the iframe snippet to paste onto another site. Submitting writes a submission row and shows the thank-you state from step 01.
PromptAssign each new lead to a repAdd a server route that turns a new submission into a lead: map the answers onto the lead fields, set the source, check whether that email is already a lead and attach an activity to the existing one rather than creating a duplicate, then assign it to the next active rep in turn. Make the assignment mode a setting whose options are round-robin and unassigned, and record every assignment as an activity so the history shows who got what and when.
Building the rule as a setting rather than as code is what lets you move to territory or product routing later without reopening the capture path.
- 06Destination
Try it as a stranger would
Open the deployed form in another browser with no session and follow one lead through to a rep. From there, live chat and the campaigns are each their own request, and each of them will need the backend named out loud again.
PromptWalk it end to end and plan what is nextWalk me through testing the whole flow. Signed in as an admin, publish a form. Then open its embed address in a private window with no account and submit it. Confirm the lead appears with the right source, that a rep was assigned, and that the same email submitted twice becomes one lead with two activities rather than two leads. Sign in as that rep and confirm they see only their own leads. Fix what does not hold up, then list what to build next (live chat, campaign sequences, AI enrichment) in priority order, naming for each one whether it needs new tables or new server routes.
No lead list to leak, no secret key to hack
A lead CRM has a database, logins and a public form that strangers write to, so here is how your app stays secure and how to protect sensitive client data using simple rules to control who can see every lead versus who can only work their own.
A door that only opens outward
The public form writes one row and can read nothing at all. That is a rule in the database rather than a check in the page, so a visitor who opens the browser tools and asks for your leads table gets an empty answer rather than your pipeline. It is the single most important rule in this build, and the one to test first.
A public form is a public target
A form anyone can reach is a form robots will find, so budget for the three defences that actually work: a hidden field a person never fills in, a limit on how often one address may submit, and a check before a lead is created twice. None of them is hard to ask for, and all of them are much harder to add once your list is full of junk.
Sign-in you did not have to write
Nobody here handles passwords. Sign-up, sign-in and staying signed in come from a system that has been attacked for years and held, working from the first prompt with email and password. Google sign-in or one-click email links are a small addition whenever you want them.
Two roles before you need three
An admin who sees every lead, form and campaign, and a rep who works the leads assigned to them. That split covers most teams for a long time. Ask for a manager who sees one team, or a read-only account for a client, when the day comes that you need it.
Ownership the database enforces
A rep reaches the leads assigned to them and nothing else. An admin reaches all of them. Those rules live in the database rather than in the screens, so somebody querying the data directly gets back exactly what their own role allows and no more.
Backups start on the paid tier
The free tier keeps no backups at all, so during the build your database is the only copy of the work. Supabase Pro, from $25/mo, holds a daily backup with seven days of history behind it, which is the difference between a bad import costing you an afternoon and it costing you the list. Move to it before the first real lead arrives.
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 v0 checks nobody can see data they shouldn’t.
One rule outranks everything above it: the secret key that bypasses your access rules stays on the server. If it ever turns up in the app, in a repository, or pasted into a support ticket, rotate it in the Supabase dashboard before you do anything else.
What speeds the build, and what slows it
Speeds the build
- One screen per message, checked in the live preview before you ask for the next one
- Adding a database as soon as a screen needs to remember something, so v0 wires it up as it builds
- Clicking the thing you want changed in Design mode, rather than describing where it sits
- One feature per chat, so its history reads as a straight line you can walk back
- Sending a finished chat over to GitHub before starting the next feature, rather than stacking several together
Slows the build
- Asking for the whole app in one message instead of one screen at a time
- Building screens for data the database does not hold yet
- Describing which button to change when you could just click it
- Letting one chat run for weeks, so going back to an older version undoes everything built after it
- Approving several messages in a row without looking at the preview after each one
Connecting GitHub (Optional)
Every change in v0 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.
Every message is a version
Each time a message changes your code, v0 saves it as a new version. Restoring an older one adds it back as the newest version instead of branching, so the history stays one straight line.
Versions, v0 docsUndo from the chat itself
Scroll back through the conversation and click the revert arrow on any earlier reply, or open the version number in the top right to jump straight to a specific one.
Connecting GitHub creates a real repository
From the chat’s Git panel, connect an existing repository or create one. v0 never writes straight to your main branch: every code-changing message is committed to its own working branch first.
GitHub integration, v0 docsA pull request is how it gets merged
When you’re ready, publish and open a pull request from that working branch into your base branch, review it like any other, and merge it. Starting a new chat picks up a fresh branch for the next round of changes.
This can also be v0’s deploy path
If the branch your pull requests merge into is also the linked Vercel project’s production branch, merging one triggers a production deployment. If it isn’t, the merge just follows whatever branch behavior that Vercel project is already configured with.
GitHub integration, v0 docsWhere 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).
| Host | Best for | Notes | Free tier |
|---|---|---|---|
| Vercel | One-click deploys | Connect the repository and every push publishes itself, with nothing to configure for a standard Vite project. Read the licence before you rely on the free tier: Hobby covers personal, non-commercial projects, and an app collecting leads for a business fails that test at any size, so plan on Pro, which starts at $20 per user each month. | Pro from $20/user/mo (Hobby is non-commercial) |
| Netlify | Drag-and-drop or Git | Point it at the repository, or bypass Git entirely and drag the built folder onto the page. Do add the redirect rule it prompts you for: without it a link aimed straight at one of your landing pages answers not-found, and that link is what your ad is paying to send people to. | Free tier |
| Cloudflare Pages | Cheapest at scale | One setup, then your pages load from whichever Cloudflare location is nearest the visitor. Worth having when the traffic you are paying for arrives from several countries and a slow page is a lead that leaves. | Generous free tier |
| GitHub Pages | Free Git-based hosting | Publishes straight from your GitHub project once a single routing setting is in place. The catch is what it costs to stay private: serving a site from a private repository sits on a paid GitHub plan, and everything in this build reads your database credentials from a file you are keeping out of a public repo. Free here means published, which is not what you want. | Free from a public repo only |
| Firebase Hosting | Simple setup, Google stack | One configuration, then a single command whenever you want the latest version live. Worth picking mostly when Google is already where your company’s accounts are, so nobody has to approve another supplier. | Free Spark tier |
| AWS Amplify Hosting | Teams already on AWS | Set up through the AWS console, with one rewrite rule so deep links keep working. Sensible when AWS is already where your invoices come from, and handy if you also send your campaign mail through SES. | Free tier (build + hosting) |
| Surge | Publish from the terminal | One command and the built folder is online, with no repository in the loop. Useful for putting a half-finished landing page in front of a colleague for an opinion before anybody points an ad at it. | Free - unlimited publishing |
| DigitalOcean App Platform | DigitalOcean users | Point it at the project and it handles building and serving, alongside whatever else lives in that account. | Free - 3 static sites, 1 GB/mo transfer |
Any of them will serve this app, and your AI coding tool can wire up whichever you pick. Two things are worth checking before the price. The licence comes first, because free does not always mean free for business use, and Vercel’s Hobby tier says plainly that it is for personal projects. The second is in the warning below, and it is the one that catches people out.
Your form can work on your site and show an empty box on your customer’s. The embed is a frame pointing back at your deployment, so if your host sends the headers that stop a page being framed, the form loads fine on your own domain and renders as nothing everywhere you actually pasted it. Check it on a real outside page before you send the snippet to anyone, and if it comes back blank, ask your AI coding tool to allow framing for the embed route only rather than for the whole site.
Keep your data in Supabase
The host above serves the app. Everything the app remembers lives here instead: the Postgres database with every lead in it, the accounts your reps sign in with, and the server-side functions that turn a submission into an assigned lead.
| Service | Best for | Notes | Free tier |
|---|---|---|---|
| Supabase | Data, auth, functions | The database, the sign-in, and the server-side functions behind the AI features. Open a free project, give the app its URL and its publishable key, and the two are joined up. | Free tier, then usage-based |
Choosing how your mail actually gets sent
Your app writes the sequence and decides when each step is due. Handing that message to somebody’s inbox is a different job, and it belongs to an outside service. If your reps reply from their own mailbox, you need none of these, and capture and routing work perfectly without one.
The quickest of the three to wire up, and the free tier is genuinely enough to run a small sequence: 3,000 emails a month, capped at 100 a day, across three of your own domains. The daily cap is the one to watch, because a campaign that goes out to a big list in one batch meets it before the monthly figure does.
resend.com · checked August 2026
Built around delivery rather than volume, and priced accordingly: the free tier is 100 emails a month, which is a test rather than a plan. What you buy is separate handling for the mail people expect and the mail you decided to send, which is what stops one bad campaign taking your password resets down with it.
postmarkapp.com · checked August 2026
By a distance the cheapest per message, and the one that expects the most from you. New accounts get $200 of AWS credit for six months, attachments cost $0.12 a gigabyte, and a dedicated sending address is $24.95 a month. Reputation and bounce handling are yours to manage, so this is the right answer second rather than first.
aws.amazon.com · checked August 2026
Do the multiplication before you pick. A four-step sequence sent to a thousand new leads is four thousand messages, which sits inside Resend’s free tier and costs about forty cents on SES, so at that size the price is not what you are choosing between. What you are choosing is who takes the blame when mail stops arriving. Volume changes the answer, and it changes it slowly: at a hundred thousand a month the same four steps cost $10 on SES and about $90 elsewhere.
Add AI capabilities in one simple step
Securely route your AI API keys through a lightweight serverless function. Use simple prompts to automatically turn incoming client inquiries into enriched, scored leads with a one-line brief and a drafted first reply.
Turn an email address into something to call
A work address tells you the company before anybody picks up the phone. Filling in the name, the industry and a rough size from the domain is what turns a bare row into a lead a rep can prepare for.
Add one server-side "ai" function that talks to your AI provider, with the key held in server secrets and never anywhere the browser can reach. Then put an "Enrich" action on the lead view that sends the email domain and any fields we already have, asks for the company name, industry and rough size, writes them onto the lead, and marks personal-email domains as not enrichable rather than guessing. This runs on every new lead, so use the cheapest and fastest model tier.
Rank how warm each lead is
Reps work top to bottom. A score out of 100 with one line of reasoning behind it decides what that order is, from the fields on the lead and what the person has already done.
Add a "Score" action that sends the lead’s fields, its source, and its recent activity to the ai function, asks for a 0-100 score and a one-line reason, stores both on the lead, and colours the badge by band. Sort the leads list by score by default and let a rep override it. Scoring runs on every lead too, so keep it on the same cheap, fast tier as enrichment.
Draft the first reply
The first message back is the one that decides whether there is a conversation. A draft built from what the lead actually filled in beats a blank box, and the rep still edits it before it goes.
Add a "Draft reply" button on the lead view that sends what the lead submitted, the page or form it came from, and any chat transcript to the ai function, and returns a short editable first email in the rep’s own tone. Show it in a modal with copy and insert actions, and never send it automatically. This is everyday writing, so use a mid-tier model rather than the cheapest or the strongest.
v0 doesn’t ship its own model for these prompts, so you bring an API key for whichever provider you want, and v0 writes the route that calls it. Start with a cheap model while you’re still iterating on the prompt itself, then swap in a stronger one for the version that ships, and keep every AI feature behind that one route so there’s only one key to rotate.
Get a head start with our template
That was the from-scratch path, start to finish. If you would rather not build the capture side before you can use it, our ready-made template begins past the scaffolding, and your time goes into what makes it yours.
Lead CRM
The exact lead CRM this guide builds, packaged so you can open it, point it at your own backend, and make it yours from there. A lead-capture workspace where you bring leads in from forms, landing pages, live chat, and CSV import, enrich and score each one with AI, run multi-step email campaigns, and route fresh leads straight to your sales reps. An admin side oversees everything while each rep works their own leads, tasks, and chats.
The key benefits of starting with a template
The hard, invisible parts are built and working already, so your time goes to the form your visitors see and the rule that decides who calls them.
Building the core from scratch
~125 hrs
Opening the template, already built
~1 hr
Pay Once, Own Forever. Build exactly what your team needs without renting a monthly SaaS subscription, paying per-seat fees, or dealing with platform lock-in.
A working capture flow on day one
Open an app that already takes a submission, creates the lead, and shows it in the list. The form builder, the embed, the chat and the CSV import all work before you change anything.
Admin and rep kept apart
The admin side oversees every lead, form, chat and campaign, while a rep sees only what is assigned to them. The database enforces that split on every request rather than the screens hiding rows.
Campaigns and reporting already wired
Multi-step sequences, their open and reply figures, round-robin assignment, tasks and the source reports are built. Connect a mail provider when you want the sequences to actually go out.
Clean structure your AI can safely customize
The template follows clear, predictable rules, so you can ask your AI coding tool to add a field, a channel or a routing rule without putting your access rules or your source numbers at risk.
From founders who build on our templates
Every client asks for the same thing: a form on their site that actually reaches a human. We used to wire up three services for that and then maintain the connections between them. Now we start from this, restyle it, point it at the client’s own database, and hand it over inside a week.
Matt GrahamFounder & CEO, RapidDevCommon questions
No. You say what you are collecting in ordinary language, and the tables, the sign-in and the rules over both get written for you on top of Supabase. One job stays yours: opening the free Supabase project everything points at. That is deliberate, because it is what puts the leads in an account with your name on it rather than ours.
Yes, and that is the usual case. The form is published at its own address on your app and pasted onto any other site as a short snippet, so it works on a WordPress page, a Squarespace site, or a page somebody else maintains. Read the going-live warning further up before you send that snippet out, because how you host the app decides whether the form renders on somebody else’s page.
Three things, all of which you ask for rather than build: a hidden field a real person never touches, a limit on how often one address can submit, and a check that stops the same person becoming two leads. Add them while the form is still new, because cleaning a list afterwards is far more work than filtering one now.
It writes and schedules them, and an outside service delivers them. The app decides what each step says and when it is due, then hands the message to a provider like Resend, Postmark or Amazon SES. The section on sending mail above compares the three. If your reps reply from their own mailbox instead, you can skip that entirely.
Yes. Describe the roles you want, usually an admin and a rep to start with, and the accounts, the access rules and the lead assignment get built around them, so everybody signs in and sees only what they should.
Two bills to start, both yours and both beginning at nothing: Supabase for the backend and a host for the site. A form on a live page needs Supabase Pro, from $25/mo, because free projects sleep after a week of inactivity and take the form down with them. Add a mail provider if the sequences go out. Prices checked August 2026, and the references at the foot of this page say where each one came from.
Only the accounts you create, and each of them only as far as its role reaches: a rep to the leads assigned to them, an admin to all of them. A visitor filling in the form can write their own details and read nothing at all. The database is a Supabase project in your own account, which makes you the sole controller of that data under GDPR and makes a deletion request something you can actually action.
Yes. Import existing leads via simple CSV upload with automatic handling of messy spreadsheets: ask for an importer that matches your columns to the lead fields by name, whatever their casing or spacing, and lets you correct the rest before anything is written. Decide what happens when an imported address is already a lead before you run it, because that is the choice that keeps the list clean.
Nothing underneath is proprietary, so there is nothing to be locked into. The database is ordinary PostgreSQL, and one dump from the Supabase CLI hands you every lead, chat and campaign in a shape any Postgres host will accept.
No. You describe the screen you want in the chat and v0 generates the React and Next.js code behind it. Sign up, pick a plan, and connect a database once your screens need real data. The setup section above walks through each one.
Both, but not automatically at the same time. v0 generates the interface first. The backend (a database and the API routes that use it) is something you ask for once a screen actually needs to save or load real data.
Free plan credits reset monthly, and the 7-messages-a-day cap resets every day. If you hit either limit mid-build, what you’ve already built stays put. You wait for the reset or move up to Plus to keep going right away.
References
Sources checked August 2026- 012025 benchmark report on demo form conversion rates, Chili Piper. chilipiper.com (published 2025)
- 02Marketing Hub pricing, HubSpot. hubspot.com
- 03Pricing, Typeform. typeform.com
- 04Pricing, Tidio. tidio.com
- 05Pricing, Unbounce. unbounce.com
- 06Pricing (Pro plan, free-tier limits), Supabase. supabase.com
- 07Web developer hourly rates 2026 (freelance and agency benchmarks). developex.com
- 08Importing data (CSV size limit), Supabase docs. supabase.com
- 09Row Level Security, Supabase docs. supabase.com
- 10Pricing, Resend. resend.com (August 2026)
- 11Pricing, Postmark. postmarkapp.com (August 2026)
- 12Amazon SES pricing, AWS. aws.amazon.com (August 2026)
- 13v0 homepage. v0.app
- 14Pricing (Plus, Business), v0. v0.app
- 15Pricing details (Free tier, credit rollover), v0 docs. v0.app
- 16Databases (connecting Supabase and others), v0 docs. v0.app
- 17Full-stack apps, v0 docs. v0.app
- 18GitHub integration, v0 docs. v0.app
- 19Deployments, v0 docs. v0.app
- 20Design mode, v0 docs. v0.app
- 21Versions, v0 docs. v0.app
- 22Pricing (Hobby plan), Vercel. vercel.com
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. v0 is a product of Vercel. Verify current capabilities and pricing before relying on them.