A "tech stack" is the set of tools and services that, combined, turn your idea into a working application. In traditional development, choosing a stack is a multi-week decision involving team expertise, scalability requirements, and vendor evaluation. In vibe coding, the stack has largely chosen itself. Through community consensus, trial and error, and the reality of which tools work best with AI, a default stack has emerged that most vibe coders converge on.
This guide walks through every layer of that stack, explains why each tool is the default, when you might pick an alternative, and what each layer costs. Think of it as the complete map of everything your app needs to go from idea to paying customers.
The Stack at a Glance
| Layer | Default Tool | What It Does | Free Tier |
|---|---|---|---|
| Building | Lovable / Cursor | Generate and edit code with AI | Yes (limited) |
| Backend + Database | Supabase | Postgres database, auth, storage, edge functions | Yes (500 MB) |
| Authentication | Clerk | User sign-up, login, profile management | Yes (10K MAUs) |
| Payments | Stripe | Accept payments, manage subscriptions | No monthly fee (2.9% + 30¢) |
| Hosting | Vercel | Deploy and serve your app globally | Yes (hobby) |
| Analytics | PostHog | Track usage, understand user behavior | Yes (1M events/mo) |
Six layers. Six tools. Together they handle everything from writing your first line of code to understanding how your 1,000th user behaves. Let's break down each one.
Layer 1: Building — Lovable or Cursor
This is where your code comes from. You describe what you want in natural language, and the AI generates it. The two dominant tools serve different stages of your journey.
Lovable is an app builder. You work entirely in the browser. You describe features, the AI builds them, and you see the result immediately. No installation, no terminal, no local files. Lovable generates React + TypeScript + Tailwind CSS apps and can connect directly to Supabase for a backend. It is the fastest way to go from zero to working prototype.
When to use Lovable: First projects, rapid prototyping, validation-stage ideas, when you have no local development experience.
Cursor is an AI-powered code editor. You work locally on your machine with full control over every file. Cursor reads your entire codebase for context and helps you write, modify, and debug code through chat and inline editing. It is built on VS Code, so it supports every extension and configuration you might need.
When to use Cursor: Production apps, projects that have outgrown app builders, when you need custom backend logic, when you want full control. See our Lovable to Cursor migration guide for the transition path.
Pricing: Lovable offers a free tier with limited messages, paid plans from $20/month. Cursor has a free tier with 50 premium requests/day, Cursor Pro at $20/month for unlimited.
Alternatives: Bolt.new (app builder, similar to Lovable), Windsurf (code editor, similar to Cursor), v0 (UI component generation from Vercel).
Layer 2: Backend and Database — Supabase
Every app that stores data, has user accounts, or does anything beyond displaying static content needs a backend. Supabase has become the default backend for vibe coders because it bundles everything you need into one service:
- PostgreSQL database: A full relational database. Stores your users, content, orders, settings — everything.
- Authentication: Built-in email/password, social login (Google, GitHub, etc.), magic links. You can use this instead of a separate auth service.
- Storage: File upload and serving. User avatars, document uploads, images.
- Edge Functions: Serverless functions for backend logic. Webhooks, scheduled tasks, API integrations.
- Realtime: Live subscriptions to database changes. Chat apps, live dashboards, collaborative features.
Supabase is open source and built on PostgreSQL, which means your data is not locked into a proprietary format. If you ever need to leave Supabase, your database is standard Postgres that runs anywhere.
The AI ecosystem has also rallied around Supabase. Lovable has native Supabase integration. Cursor understands Supabase APIs. There are Supabase MCP servers that give AI tools direct access to your database schema. No other backend has this level of AI tooling support.
Pricing: Free tier includes 500 MB database, 1 GB storage, 50K monthly active users for auth. Pro starts at $25/month with 8 GB database, 100 GB storage, and daily backups.
Alternatives: Firebase (Google's BaaS, NoSQL-based, strong mobile support), Neon (serverless Postgres, good for scale-to-zero), PlanetScale (MySQL-based, strong for high-traffic apps).
Critical note: Always enable Row Level Security (RLS) on your Supabase tables. Without it, your database is effectively public.
Layer 3: Authentication — Clerk
Authentication is how users prove they are who they say they are. Clerk has become the go-to auth solution for vibe coders because it provides pre-built UI components that handle the entire auth flow: sign-up forms, login pages, password reset, email verification, multi-factor authentication, and user profile management.
The value proposition is simple: building auth from scratch is one of the easiest ways to create security vulnerabilities. Clerk handles it with battle-tested components that follow security best practices. You drop in their React components, configure your settings in their dashboard, and auth just works.
Why Clerk over Supabase Auth? Supabase includes built-in auth, and for many projects it is sufficient. Clerk is the better choice when you need: pre-built UI components (Supabase Auth requires you to build the forms), organization/team management, advanced MFA options, or a more polished user management dashboard. If your auth needs are simple (email + password, maybe social login), Supabase Auth saves you a dependency and a separate service.
Pricing: Free up to 10,000 monthly active users. Beyond that, $0.02 per MAU. For a comparison with alternatives, see our Clerk vs Supabase Auth vs Auth0 guide.
Alternatives: Supabase Auth (included with Supabase, no additional cost), Auth0 (enterprise-grade, more complex), Auth.js (open source, self-hosted, no cost but more setup), Kinde (developer-friendly, generous free tier).
Layer 4: Payments — Stripe
If your app makes money, you need a payment processor. Stripe is the default for a reason: it handles credit cards, subscriptions, invoicing, tax calculation, fraud detection, and payouts to your bank account. Its API is well-documented, its SDKs work in every language, and every AI coding tool understands how to generate Stripe integration code.
For vibe coders, the most common Stripe setup is:
- Stripe Checkout: A hosted payment page. You redirect users to Stripe's page, they pay, Stripe redirects them back. No payment form to build or secure.
- Stripe Billing: Subscription management. Create pricing tiers in the Stripe dashboard, and Stripe handles recurring charges, upgrades, downgrades, and cancellations.
- Webhooks: Stripe notifies your app when payments succeed, fail, or get refunded. You handle these with a Supabase Edge Function or a serverless API route.
The main complexity with Stripe is webhook handling. Your app needs a server-side endpoint that receives Stripe events and updates your database accordingly. This is where AI coding tools shine — Stripe webhook boilerplate is one of the most well-understood patterns in the AI's training data. Ask any AI to "set up Stripe webhooks with Supabase" and you will get functional code.
Pricing: No monthly fee. 2.9% + 30 cents per successful card charge. International cards and currency conversion have additional fees. There is no free tier — you pay per transaction from the first dollar.
Alternatives: Lemon Squeezy (handles tax/VAT automatically, merchant of record model — simpler but higher fees), Paddle (similar merchant of record approach), Gumroad (simplest setup, best for digital products, highest fees at 10%).
Layer 5: Hosting — Vercel
Hosting is where your app lives on the internet. Vercel has become the default for vibe coders because it deploys React/Next.js apps with zero configuration. Connect your GitHub repository, and every push to the main branch triggers an automatic deployment. Your app is served from a global CDN with automatic HTTPS.
Vercel also handles serverless functions (API routes), image optimization, edge middleware, and preview deployments for every pull request. It is a complete frontend platform, not just a static host.
The deploy workflow:
- Push code to GitHub
- Vercel automatically builds and deploys
- Your app is live at yourapp.vercel.app (or your custom domain)
- Every branch gets its own preview URL for testing
This workflow is why vibe coders gravitate toward Vercel. There is nothing to configure, no servers to manage, no DevOps to learn. You push code and it is live in 30-60 seconds.
Pricing: Free hobby tier (good for personal projects, not commercial use). Pro at $20/month per team member (required for commercial projects, higher limits on serverless functions and bandwidth). See our free hosting comparison for alternatives.
Alternatives: Netlify (similar feature set, 300 build minutes/month free), Cloudflare Pages (unlimited bandwidth, best free tier), Railway (better for backend services and databases), Render (good all-rounder for both frontend and backend).
Layer 6: Analytics — PostHog
Once your app is live, you need to understand how people use it. PostHog is an open-source product analytics platform that gives you event tracking, user sessions, feature flags, A/B testing, and session recordings. It is the analytics tool that respects both your users' privacy and your need for actionable data.
For vibe coders, PostHog's value is in answering specific questions: Which features do people actually use? Where do they drop off in the sign-up flow? Does the new pricing page convert better than the old one? Google Analytics tells you page views; PostHog tells you what users do.
Pricing: Free up to 1 million events per month, which is generous enough for most indie products. Paid plans start at usage-based pricing beyond the free tier. Self-hosting is also an option if you want to keep analytics data on your own infrastructure.
Alternatives: Plausible (privacy-focused, simpler, $9/month), Google Analytics 4 (free, but complex and less privacy-friendly), Umami (open source, self-hosted, free).
The Glue Layer: Tools You Will Add Later
The six layers above get you to a functional, revenue-generating app. As your product matures, you will likely add tools from these categories:
- Transactional Email — Resend or Postmark for password resets, welcome emails, and notifications. Free tiers cover small apps.
- Error Monitoring — Sentry to catch and diagnose production errors. Free tier is sufficient for most indie projects.
- Domain and DNS — Cloudflare Registrar for your .com domain (~$12/year) and DNS management (free).
- UI Components — shadcn/ui and Tailwind CSS for building polished interfaces. Both are free.
- Customer Support — Crisp or Intercom for chat widgets and support tickets when users start asking questions.
- Automation — Zapier or Make.com for connecting your app to other services without code.
What This Stack Costs
Here is the total monthly cost at three stages of your project:
| Stage | Building Tool | Backend | Auth | Payments | Hosting | Analytics | Total |
|---|---|---|---|---|---|---|---|
| Prototype | $0 | $0 | $0 | $0 | $0 | $0 | $0 |
| MVP | $20 | $25 | $0 | Per txn | $0 | $0 | $45 |
| Production | $20 | $25 | ~$20 | Per txn | $20 | $0 | $85 |
At the prototype stage, everything is free. At the MVP stage with real users, you are spending about $45/month. At production scale with commercial hosting and paid auth, about $85/month — before Stripe transaction fees. For a deeper breakdown, see our cost of vibe coding guide.
Why This Stack Won
This particular combination of tools did not become the default by accident. It happened because of three factors:
AI familiarity. Claude, GPT, and every major AI model have extensive training data for React, Supabase, Stripe, and Vercel. When you ask an AI to "add Stripe subscriptions to my Supabase app deployed on Vercel," it generates accurate, working code because it has seen thousands of similar implementations. Try asking for a less common stack (like Elixir + PlanetScale + Paddle + Fly.io) and the AI stumbles more often. The default stack is the path of least resistance for AI-generated code.
Community convergence. Indie hackers share their stacks on Twitter/X, Reddit, and Indie Hackers. When the same tools keep appearing in "I just shipped my first SaaS" posts, new vibe coders adopt them. Success breeds adoption, adoption breeds better AI training data, better training data breeds more success. It is a virtuous cycle.
Integration quality. These tools are designed to work together. Lovable has a built-in Supabase integration. Vercel has first-party support for Next.js and serverless functions. Clerk provides pre-built React components. Stripe's SDK is the most AI-friendly payment API. PostHog has a React SDK. Each tool reduces the integration work for the next.
The Bottom Line
You do not need to reinvent the wheel. The vibe coder's tech stack is: Lovable or Cursor for building, Supabase for backend, Clerk for auth, Stripe for payments, Vercel for hosting, PostHog for analytics. Start with the free tiers. Upgrade layer by layer as your app grows. And remember: the best stack is the one your AI tool understands well enough to write good code for.
To explore every tool in each category, browse our full tools directory. For a step-by-step guide to choosing your stack, see Choose Your Stack in our Learn section.