ttplus10.builds
Watch reelsDM me
The Vault
Flagship

Claude Code SaaS Kit

Ship a real web tool people pay for, with no team: pick a proven pain, build the core with Claude Code or Lovable, wire Supabase login and Stripe payments, deploy on your own domain, and run a launch that gets the first 10 customers.

Idea scored in 2 hours, a working app with login on localhost in a day, paid and live on your own domain in a weekend

9 modules89 steps25 prompts16,282 words2 guides
$129
Notify me

Secure checkout with Stripe

You need

  • A laptop (Mac, Windows, or Linux) and about 20 hours over one weekend
  • A Claude Pro subscription ($20/mo, or $17/mo yearly) or Max (from $100/mo); Claude Code is included
  • Free accounts: GitHub, Supabase, Stripe, Resend, and Vercel (or Lovable for the no-code path)
  • A domain, about $10.46/yr for a .com at Cloudflare Registrar as of Oct 2026
  • About $20 to $45 a month for hosting and tools once you charge money (Vercel Pro is required for commercial use)
  • One real complaint you have heard this month from a person you could message today

What's inside

  1. 01Pick the idea in 2 hours10 steps
  2. 02The stack and why11 steps
  3. 03Build the core in a day with Claude Code12 steps
  4. 04Auth: magic link, Google, and the owner gate11 steps
  5. 05Payments: Checkout, the webhook that flips a user to paid, and the portal10 steps
  6. 06Deploy and domain: Vercel or Lovable publish, DNS, email, analytics9 steps
  7. 07Launch plan: landing page, Product Hunt, X and Instagram, first 10 customers9 steps
  8. 08Operate: support, refunds, uptime, monthly costs, legal basics, raising prices9 steps
  9. 09The prompt and template library8 steps

Pick the idea in 2 hours

You leave this module with one scored idea, written as a single sentence, that real people already pay to solve. The method is pain first: you collect complaints, check search demand with free tools, score five things on a sheet, and talk to five humans before you build. Two hours, no code.

  • 1Hour 1, minute 0: collect 30 complaints, not ideas
  • 2Minute 30: rewrite each complaint as WHO + STRUGGLES TO + WHAT + BECAUSE
  • 3Minute 45: check search demand with Google Trends
  • 4Minute 55: check search volume with Google Keyword Planner and autocomplete
  • 5Hour 2, minute 0: check whether people already pay
  • 6Minute 15: check reachability, can you find 50 of these people today
  • 7Minute 25: score it on the five point sheet
  • 8Minute 40: narrow to one feature, one user, one price
  • 9Minute 50: book five conversations in the next 48 hours
  • 10Kill criteria, decide them now

Tools: Google Trends, Google Keyword Planner, Indie Hackers, Claude Code

Full steps, prompts and settings unlock with the product.

The stack and why

Two paths, one destination. Path A is Lovable: you type in plain English and it builds and hosts the app. Path B is Claude Code plus Vite, React, and Supabase, deployed on Vercel: you own the code and pay less per month. This module explains every piece in plain words, gives the real prices as of Oct 2026, and tells you which path to pick based on one question.

  • 1Pick your path with one question
  • 2Path A explained: Lovable
  • 3Path B explained: Claude Code + Vite + React + Supabase
  • 4Supabase free tier, the exact limits
  • 5Hosting: Vercel, Render, Railway, and the commercial clause
  • 6Payments: Stripe fees in dollars
  • 7Email: Resend
  • 8Domain: Cloudflare Registrar
  • 9Analytics: Plausible or PostHog
  • 10If your tool calls Claude: API prices and a worked example
  • 11Your monthly bill, both paths

Tools: Lovable, Supabase, Vercel, Render, Railway, Stripe, Resend, Cloudflare Registrar

Full steps, prompts and settings unlock with the product.

Build the core in a day with Claude Code

Install Claude Code, scaffold a Vite and React app, write a CLAUDE.md, and run the build loop: explore, plan, implement, verify, commit. You get the exact install commands, the exact keystrokes for plan mode, the prompts that produce a working core feature, and the hooks and subagents that keep Claude honest. By the end of the day the one feature from your spec works on localhost.

  • 1Install Claude Code (5 minutes)
  • 2Create the project folder and scaffold Vite + React
  • 3Write CLAUDE.md, the file Claude reads every session
  • 4Have Claude interview you and write SPEC.md
  • 5Enter plan mode and let Claude explore
  • 6Implement one slice at a time
  • 7Make Claude verify its own work
  • 8Course correct and manage context
  • 9Add one hook so formatting is automatic
  • 10Add a reviewer subagent
  • 11Connect MCP servers when they save you clicks
  • 12Commit and push, then plan the day

Tools: Claude Code, Claude Code on GitHub, Supabase React quickstart, supabase-js, Stripe MCP server, GitHub remote MCP server

Full steps, prompts and settings unlock with the product.

Auth: magic link, Google, and the owner gate

Users sign in with a one-click email link or their Google account, and every row in your database is locked to the person who created it. You set up the Supabase project, fix the email limit that blocks real users, wire Google OAuth step by step, and create the profiles table whose is_paid flag becomes your paywall in module 5.

  • 1Create the Supabase project and copy the two keys
  • 2Create the client file
  • 3Set the URL configuration
  • 4Add magic link sign-in
  • 5Fix the email limit before anyone else signs in
  • 6Google sign-in, part 1: Google Cloud console
  • 7Google sign-in, part 2: Supabase and the code
  • 8Create the profiles table and the signup trigger
  • 9Row level security on every table, no exceptions
  • 10The owner gate in the UI
  • 11Test with two real accounts

Tools: Supabase Auth, Supabase Google provider, Google Cloud console, Resend SMTP for Supabase, Supabase RLS docs

Full steps, prompts and settings unlock with the product.

Payments: Checkout, the webhook that flips a user to paid, and the portal

Money comes in through a Stripe-hosted page, so you never touch card numbers. A webhook (Stripe calling your server) marks the user paid in Supabase, and the Customer Portal lets them cancel or change cards without emailing you. You build it all in test mode with the 4242 card, then flip to live.

  • 1Create the Stripe account and stay in test mode
  • 2Create one product and one price
  • 3The no-code path: a Payment Link
  • 4The code path: a Checkout Session from an Edge Function
  • 5The webhook that flips a user to paid
  • 6Register the endpoint in Stripe
  • 7Test the whole loop locally with the Stripe CLI
  • 8Turn on the Customer Portal
  • 9Go live, then make one real purchase
  • 10Lovable variant

Tools: Stripe Dashboard, Stripe CLI, Stripe MCP server, stripe-node, Supabase Edge Functions Stripe example, Stripe Customer Portal

Full steps, prompts and settings unlock with the product.

Deploy and domain: Vercel or Lovable publish, DNS, email, analytics

Your app goes from localhost to https://yourdomain.com with a green padlock, login emails from your own address, and a dashboard that shows who visited. Exact DNS records for both Vercel and Lovable, the Supabase and Google settings you must update, and a phone smoke test.

  • 1Buy the domain
  • 2Path B: deploy the Vite app to Vercel
  • 3Fix page refreshes with vercel.json
  • 4Path B: connect the custom domain on Vercel
  • 5Path A: publish on Lovable and connect the domain
  • 6Update Supabase, Google, and Stripe for the new URL
  • 7Email from your domain with Resend
  • 8Add analytics in one line
  • 9Smoke test on your phone

Tools: Cloudflare Registrar, Vercel, Lovable custom domain, Resend, Plausible, PostHog

Full steps, prompts and settings unlock with the product.

Launch plan: landing page, Product Hunt, X and Instagram, first 10 customers

A landing page formula you can fill in 20 minutes, a Product Hunt launch that follows the official rules, a week of posts for X and Instagram, and a direct-outreach plan that gets the first 10 paying customers from the complaint list you built in module 1.

  • 1Write the landing page with the five-block formula
  • 2Build the pricing page
  • 3Pre-launch for 7 to 14 days
  • 4Product Hunt: follow the official rules
  • 5Launch day on X
  • 6Launch week on Instagram
  • 7Communities, with manners
  • 8The first 10 customers plan: 50 DMs a day for 5 days
  • 9Measure and iterate weekly

Tools: Product Hunt launch guide, Claude Code, Plausible or PostHog, Indie Hackers

Full steps, prompts and settings unlock with the product.

Operate: support, refunds, uptime, monthly costs, legal basics, raising prices

The unglamorous hour a week that keeps the money coming in. One support inbox with templates, a refund rule you never argue about, a free uptime monitor, a monthly cost sheet, a plain-English overview of terms, privacy, refunds, and business entities, and the signals that tell you it is time to raise prices.

  • 1One support inbox and a 24-hour rule
  • 2Refunds: one rule, no arguing
  • 3Failed payments
  • 4Uptime alerts for free
  • 5Backups and the one-key rule
  • 6The monthly cost sheet
  • 7Legal basics in plain English (not legal advice)
  • 8When and how to raise prices
  • 9The weekly operating rhythm

Tools: Stripe Dashboard: refunds and portal, UptimeRobot, Termly, Stripe Atlas, Supabase, Resend

Full steps, prompts and settings unlock with the product.

The prompt and template library

Every template from the kit in one place: the CLAUDE.md, the landing and pricing page prompt, the three onboarding emails, the hook and subagent files, and a launch-day checklist. Copy, replace the square brackets, paste. Each one was written to the rules in the Claude Code docs: short, specific, verifiable.

  • 1How to use this library
  • 2CLAUDE.md template
  • 3Landing page and pricing page build prompt
  • 4Onboarding email sequence
  • 5The hook file and the reviewer subagent
  • 6The spec and build prompts
  • 7Launch day checklist
  • 8Weekly review prompt

Tools: Claude Code CLAUDE.md docs, Claude Code best practices, Claude Code hooks guide, Resend

Full steps, prompts and settings unlock with the product.

2 step by step guides, with the prompts

The 50-market arbitrage bot a 19-year-old built with Claude Code

The viral $68 to $750,000 bot is a cross-market arbitrage engine: Claude...

CODEBOT

Turn free GitHub tools into a $400/mo service

Grab a free open-source tool, host it once for a local business,...

HOST

This kit teaches you to build and sell software. It is not legal, tax, or financial advice. Nobody can promise revenue; many small software products earn nothing in their first months, and any figures quoted from other founders are their own reports, not guarantees. Spend only money you can afford to lose on subscriptions, domains, and ads, and start on free tiers. Keep every secret key (Stripe secret key and webhook secret, Supabase service role key, Resend API key) out of your frontend code, out of chat windows, and out of git; use the secrets forms in Supabase, Vercel, Lovable, and Stripe. Never share your Supabase database password. Read the terms of each platform you use: Vercel's Hobby plan is for non-commercial use, Supabase Free projects pause after a week of inactivity, and Product Hunt forbids asking for upvotes. Publish terms, a privacy policy, and a refund rule before you take money, and talk to an accountant or lawyer once you have paying customers.

Questions

I have never written code. Can I really do this?

Yes, if you follow the order. Module 2 gives you a no-code path (Lovable) and a code path (Claude Code). On the code path you never write code yourself; you write plain-English prompts and Claude Code writes, runs, and fixes the code. You still need to read error messages and click through your own app, which this kit teaches.

How much does it cost before I make a dollar?

About $20 a month for Claude Pro plus about $10.46 a year for a domain while you build on free tiers. The month you start charging, add Vercel Pro ($20) because the free Hobby plan is non-commercial, and Supabase Pro ($25) so your project never pauses. Stripe takes 2.9% plus 30 cents plus 0.7% per subscription payment. Module 8 has the full sheet.

Lovable or Claude Code, which should I pick?

One question decides it: have you ever used a terminal? If no and you want the fastest live page, Lovable. If yes, or you want to own the code and keep costs near $20 a month, Claude Code with Vite, React, and Supabase. Modules 4 to 8 work for both paths.

Do I really need the webhook? Can't I just mark people paid on the thank-you page?

You need it. Stripe's own docs say you cannot rely on the landing page because customers can pay and lose their connection before it loads, and webhooks are required for subscriptions. The webhook in module 5 is about 50 lines and Claude Code writes it for you.

How do I know my users' data is safe from each other?

Row level security. Every table gets policies so a user can only read and write rows where user_id equals their own id. Module 4 gives the exact SQL and a two-account test you run in the browser console. A table without RLS is open to anyone with your public key, so never skip it.

What price should I charge?

Inside the range of the paid competitors you found in module 1, usually $9, $19, or $29 a month, and toward the higher end you can defend. Underpricing is the most common beginner mistake. Offer a 7-day trial or a 14-day money-back promise, not both, and raise prices for new customers when the module 8 signals line up.

What if my idea gets no signups?

First check the kill rules from module 1: did five people say they would pay, are there paid competitors, can you reach 50 buyers in a day? If the idea passed those, the problem is almost always distribution or the headline. Send 50 DMs a day for five days and rewrite the headline in the buyer's words before you change the product.

Do I need an LLC before I take money?

In the US you can take payments as a sole proprietor under your own name on day one. An LLC separates your personal assets and costs a state filing fee; Stripe Atlas does a Delaware LLC or C corp for a one-time $500. This is an overview, not legal advice. Publish terms, privacy, and a refund rule first, then ask a professional once revenue is real.

Plain English glossary

Micro-SaaS
A small web tool, usually one feature, sold as a monthly subscription by one person.
Claude Code
Anthropic's coding agent that runs in your terminal. You describe what you want; it reads files, writes code, runs commands, and commits.
CLAUDE.md
A text file in your project that Claude Code reads at the start of every session. Your standing instructions.
Plan mode
A Claude Code setting (Shift+Tab) where Claude reads and proposes a plan but changes no files until you approve.
Subagent
A second Claude with its own instructions and memory that the main Claude hands a task to, like a reviewer.
Hook
A shell command Claude Code runs automatically at a fixed moment, for example formatting a file right after it is edited.
MCP server
A connector that lets Claude Code talk to an outside tool like Stripe or GitHub directly.
Vite and React
React is the library that draws your pages; Vite is the tool that bundles them into a fast website.
Supabase
A hosted Postgres database that also gives you login, file storage, and small server functions.
Row level security (RLS)
Database rules that act like an extra WHERE clause so each user only sees their own rows.
Magic link
Passwordless sign-in: the user gets an email, clicks the link, and is logged in.
Edge Function
A small piece of server code hosted by Supabase, used here for Stripe checkout and the webhook.
Webhook
Stripe sending an HTTPS message to your server when something happens, like a payment succeeding.
Stripe Checkout and Payment Link
Stripe-hosted payment pages, so card numbers never touch your code.
Customer Portal
A Stripe-hosted page where customers cancel, change cards, and download invoices without emailing you.

Get Claude Code SaaS Kit.

Notify meAll products