every tool, in plain English.
the AI tools vibe coders (and this app) actually use. what each one does, and how it works. new to these? you do not need them all.
Lovable
what describe a web app in plain English and it builds a working one for you.
how you chat what you want; it writes the code, shows a live preview, and you refine by chatting more.
Bolt
what prompts a whole web app into existence, running instantly in your browser.
how you describe it, Bolt scaffolds and runs it live in-browser, and you edit by prompting or by hand.
v0
what turns a prompt — or a screenshot — into polished, good-looking UI.
how you describe a screen; it generates React + Tailwind you can copy straight into your project.
Replit
what a full coding workspace in your browser with an AI agent that builds for you.
how write, run, and host code in one tab; the AI can add features and fix errors on request.
Cursor
what an AI code editor — you describe what you want and it writes and edits the code.
how a code editor whose AI can see your whole project and make changes across files when you ask.
Claude Code
what Anthropic's AI coding tool — describe a feature and it builds it in your project.
how runs in your terminal or editor, reads your real codebase, and edits many files to ship a feature.
GitHub Copilot
what autocompletes your code as you type, right inside your editor.
how suggests the next line or block from your code and comments; you accept with Tab.
Supabase
what an all-in-one backend — user logins, a database, and file storage — so your app remembers people and their data.
how you get a hosted database + auth + storage with a simple API; your app reads and writes through it.
Firebase
what Google's all-in-one backend — logins, a database, and file storage in one.
how Google-hosted services your app calls to store data, sign users in, and keep files.
Neon
what a cloud Postgres database — a place to store and query your app's data.
how a serverless Postgres database you connect to; it scales down to zero when idle.
Clerk
what drop-in user sign-up and login (email, Google, etc.) without building auth yourself.
how you add its component; it handles the whole login UI, sessions, and social logins for you.
Auth0
what handles user login and security so you don't build it from scratch.
how your app redirects to Auth0 to sign users in, then trusts the token it hands back.
GitHub
what the cloud home for your code — a backup with full history, and where you share or publish it.
how you push your code there; it is the backup + the source that deploy tools build from.
Vercel
what takes your code from GitHub and puts it live on the internet with its own link, auto-updating every time you save.
how connect your GitHub repo; every time you push, Vercel rebuilds and updates the live site automatically.
Netlify
what like Vercel — publishes your site to a live web link and redeploys whenever you push changes.
how like Vercel — links to your repo and auto-deploys your site to a URL when you push.
Render
what runs your app or backend live on the internet, built straight from your GitHub code.
how point it at your repo; it builds and runs your app (and databases) on a live URL.
Railway
what runs your app, backend, and database live on the internet from your code.
how connect your repo; it provisions the app + database and keeps them running on the web.
Namecheap
what where you buy a custom web address (a domain) like yourapp.com.
how you buy a domain, then point it at your deploy host so your site has a real name.
Cloudflare
what manages your domain and DNS, and can also host your site (Pages).
how sits in front of your site to route the domain, speed it up, and protect it.
OpenAI
what AI models (GPT) — send them text or images and get back generated or analyzed results.
how your backend calls its API with a prompt; it returns the model's answer for your app to use.
Anthropic / Claude
what Anthropic's AI — send it text (or images) and it replies with writing, answers, or analysis.
how your app calls the Claude API with a prompt and gets back a response to show or act on.
Replicate
what run many open-source AI models (image, audio, video) through one simple API.
how pick a model, call it with inputs, and get outputs (images, audio, video) back via API.
OpenAI Whisper
what OpenAI's speech-to-text — send an audio file, get back the spoken words as text.
how your app uploads an audio file; Whisper returns a text transcript.
AssemblyAI
what transcribes audio to text, and can summarize or analyze what was said.
how send audio to its API; get back a transcript plus optional summaries and analysis.
Recraft
what an AI that generates images, icons, and illustrations from a text description.
how describe the image; it returns art in a consistent style you can download and use.
Cloudinary
what stores and serves user-uploaded images and video, resizing them on the fly.
how you upload media to it; it serves optimized versions via URL so your app stays fast.
Mapbox
what adds interactive maps and location features to your app.
how drop in its map component and call its API for places, routes, and markers.
Stripe
what takes payments — cards, subscriptions, checkout — so your app can charge money.
how you send users to its checkout; it charges the card and tells your app when payment succeeds.
Lemon Squeezy
what takes payments and handles sales tax for you; a simpler Stripe for small sellers.
how a hosted checkout that sells for you and remits tax — a simpler Stripe for small sellers.
Resend
what sends emails from your app — sign-up confirmations, receipts, notifications.
how call its API with the email; it delivers it reliably to the user's inbox.
PostHog
what shows who uses your app and where they get stuck (analytics + events).
how you add its snippet; it records events and funnels so you can see real usage.
Plausible
what simple, privacy-friendly website analytics — see your visitors at a glance.
how add one script; see visitors, pages, and sources at a glance — no cookie banner needed.
Algolia
what adds fast, typo-tolerant search to your app.
how you push your data to its index; it returns instant search results as users type.
Do I need all of these tools?
No. Most vibe coders use one AI builder plus a backend and a way to go live. that is enough to ship. Add the rest only when a step actually needs it.
Which tool should a beginner start with?
Start with one AI app builder. Lovable, Bolt, or v0. It gets you a working thing fastest, and you can add a backend (Supabase) and go live (Vercel) once you have something worth shipping.
What is a backend, and do I need one?
A backend is where your app remembers things. user logins, saved data, uploaded files. You need one the moment your app has accounts or must keep data between visits. Supabase and Firebase are the common all-in-one choices.
How does my app get on the internet?
You push your code to GitHub, then connect it to a host like Vercel or Netlify. Every time you save and push, it rebuilds your site at a live link automatically.
ready to actually use them?
plot your build and The Road tells you which tool each step needs. no guessing.
plan your build