Every term explained in plain English. No jargon, no gatekeeping — just clear definitions for people building with AI.
An AI agent is software that can take actions on its own to accomplish a goal, rather than just answering questions. In vibe coding, agents can plan a task, write code, run terminal commands, fix errors, and iterate — all without you guiding every step.
Why it matters for vibe coders: Tools like Claude Code, Replit Agent, and Cursor's Composer mode are agents — understanding what they can (and can't) do autonomously helps you use them effectively.
An API is a way for two pieces of software to talk to each other. When your app fetches data from Supabase or processes a payment through Stripe, it's using an API. Think of it as a menu at a restaurant — the API tells your app what it can ask for and how to ask for it.
Why it matters for vibe coders: Almost every tool in your stack communicates through APIs. Understanding what an API does helps you troubleshoot when things break.
A unique code that identifies your app when it talks to an external service. Like a password that your app uses to prove it has permission to access Supabase, Stripe, OpenAI, or any other service.
Why it matters for vibe coders: You'll need to manage API keys for most tools in your stack. Never put API keys in your frontend code — they should be stored as environment variables on the server.
A tool that generates a complete working application from a natural language description. You describe what you want, and the tool writes the code, sets up the database, and creates the user interface. Lovable, Bolt.new, and Replit Agent are app builders.
Why it matters for vibe coders: App builders are the entry point for non-technical vibe coders. They're the fastest path from idea to working prototype.
The process of verifying who a user is — typically through email/password, social login (Google, GitHub), or magic links. Authentication answers the question "who are you?" before letting someone access your app.
Why it matters for vibe coders: Most apps need auth. Use a managed service (Clerk, Supabase Auth) rather than building it yourself — security is too important to improvise.
After authentication (who are you?), authorization determines what a user is allowed to do. Can this user edit this document? Can they see another user's data? Authorization controls permissions and access levels.
Why it matters for vibe coders: Row Level Security (RLS) in Supabase is an authorization mechanism. Getting this wrong means users can access data they shouldn't.
The part of your application that runs on a server, not in the user's browser. The backend handles data storage, user authentication, business logic, and communication with external services. Users never see the backend directly.
Why it matters for vibe coders: Supabase, Firebase, and Neon are backend tools. Understanding what happens "behind the scenes" helps you make better tool choices.
A network of servers spread around the world that stores copies of your website's files. When someone visits your site, they get the files from the nearest server instead of one far away, making everything load faster.
Why it matters for vibe coders: Vercel, Netlify, and Cloudflare all include CDNs. Your site is already using one — understanding this helps you choose hosting.
An automated process that tests your code and deploys it to your live website whenever you push changes. Instead of manually uploading files, CI/CD handles building, testing, and deploying automatically.
Why it matters for vibe coders: Vercel and Netlify do this automatically when you push to GitHub. You may not realize you're using CI/CD, but you are.
A text-based way to interact with your computer by typing commands instead of clicking buttons. The terminal on Mac or Command Prompt on Windows is a CLI. Tools like Claude Code run entirely in the CLI.
Why it matters for vibe coders: Some AI coding tools (Claude Code, npm, Git) require basic comfort with the command line.
A reusable piece of user interface — a button, a navigation bar, a card, a form. In React (the framework most vibe coding tools use), you build interfaces by combining components. Think of components as LEGO bricks for your app's UI.
Why it matters for vibe coders: When AI generates a React app, it creates components. Understanding this helps you communicate with AI tools about what to change.
The amount of text (measured in tokens) that an AI model can "see" at once. When you have a long conversation with an AI coding tool, older messages may fall outside the context window and the AI effectively forgets them.
Why it matters for vibe coders: This is why long conversations in Lovable or Cursor produce worse results — the AI loses track of earlier context. Starting a new chat resets the window.
A security feature in web browsers that prevents your app from making requests to a different website unless that website explicitly allows it. CORS errors are one of the most common issues vibe coders encounter.
Why it matters for vibe coders: If your app can't talk to your API or database, it might be a CORS issue. Your AI tool can usually fix it, but knowing the term helps you describe the problem.
A task that runs automatically on a schedule — every hour, every day, every Monday at 9am. Named after the Unix scheduling system. Used for sending weekly emails, cleaning up old data, or syncing information from external services.
Why it matters for vibe coders: As your app grows, you'll need scheduled tasks. Vercel Cron Jobs and Upstash QStash make this easy.
Where your app stores its data permanently. User accounts, posts, products, orders — anything that needs to persist after the user closes the browser. Supabase, Firebase, and Neon are database services.
Why it matters for vibe coders: Every app beyond a simple landing page needs a database. Supabase (PostgreSQL) is the default choice for most vibe-coded projects.
The process of putting your app on the internet so other people can use it. Before deployment, your app only exists on your computer. After deployment, it has a public URL that anyone can visit.
Why it matters for vibe coders: Vercel, Netlify, and Cloudflare Pages handle deployment. In most cases, it's as simple as connecting your GitHub repository.
The internet's phone book. DNS translates human-readable domain names (like alumi.space) into the IP addresses that computers use to find each other. When you buy a domain and point it to your hosting, you're configuring DNS.
Why it matters for vibe coders: You'll configure DNS when connecting a custom domain to Vercel, Netlify, or any other hosting platform.
A small piece of code that runs on servers close to your users, rather than in one central location. Edge functions execute at the "edge" of the network — the nearest server to whoever is making the request — making them very fast.
Why it matters for vibe coders: Vercel Edge Functions, Cloudflare Workers, and Supabase Edge Functions are all edge functions. They're useful for personalization, authentication checks, and API routes.
A piece of configuration stored outside your code — typically an API key, database URL, or secret value. Environment variables keep sensitive information out of your source code, which is critical for security.
Why it matters for vibe coders: Every tool integration (Supabase, Stripe, Clerk) requires environment variables. Your hosting platform (Vercel, Netlify) provides a way to set them.
The process of taking a general-purpose AI model and training it further on specialized data to improve its performance at a specific task. Coding-specific models like DeepSeek Coder and Code Llama are fine-tuned versions of general models, trained on millions of lines of code.
Why it matters for vibe coders: Fine-tuned coding models power the tools you use. Understanding this helps you appreciate why some models write better code than others.
A pre-built structure for building applications that provides conventions, tools, and patterns so you don't start from scratch. Next.js is a React framework; it gives you routing, server rendering, and deployment conventions out of the box.
Why it matters for vibe coders: Most AI coding tools generate code using frameworks (especially Next.js and React). You don't need to know the framework deeply, but knowing which one your tool uses helps.
The part of your application that runs in the user's browser — everything the user sees and interacts with. Buttons, forms, text, images, and layout are all frontend. React, Next.js, and Tailwind CSS are frontend technologies.
Why it matters for vibe coders: App builders (Lovable, Bolt, v0) primarily generate frontend code. Understanding this distinction helps you know what's happening in the browser vs. on the server.
Git is a version control system — it tracks every change you make to your code, so you can undo mistakes and collaborate with others. GitHub is the most popular platform for hosting Git repositories online.
Why it matters for vibe coders: Most vibe coding tools integrate with GitHub. Lovable syncs to GitHub, Cursor works with Git repositories, and hosting platforms deploy from GitHub.
A content management system that provides a backend for creating and managing content, but no built-in frontend. You use an API to pull content into whatever frontend you build. Sanity, Payload, and Contentful are headless CMSs.
Why it matters for vibe coders: If your app has content that changes frequently (blog posts, product listings, documentation), a headless CMS lets non-technical people update content without touching code.
The service that stores your application's files and serves them to users over the internet. Without hosting, your app only exists on your computer. Vercel, Netlify, Railway, and Cloudflare Pages are hosting providers.
Why it matters for vibe coders: You need hosting to put your app on the internet. Most modern hosting platforms make deployment automatic.
A software application for writing code that includes a text editor, file browser, terminal, and other development tools in one window. VS Code is the most popular IDE. Cursor and Windsurf are AI-native IDEs.
Why it matters for vibe coders: If you use an AI code editor (Cursor, Windsurf), you're using an IDE. Understanding this helps you navigate the tool.
A syntax that lets you write HTML-like code inside JavaScript. It's the primary way React components describe what the user interface should look like. When you see code that looks like HTML inside a .jsx or .tsx file, that's JSX.
Why it matters for vibe coders: Almost all AI-generated React code uses JSX. Recognizing it helps you understand what the AI is building.
A type of AI model trained on massive amounts of text (and code) that can generate human-like text, answer questions, and write code. ChatGPT, Claude, and Gemini are all LLMs. They're the "brains" behind every vibe coding tool.
Why it matters for vibe coders: The LLM powering your tool determines the quality of code it generates. Different models (Claude, GPT, DeepSeek) have different strengths.
Running AI models on your own computer or company servers instead of sending data to cloud providers like OpenAI or Anthropic. Tools like Ollama and LM Studio let you download and run coding AI models entirely offline.
Why it matters for vibe coders: Local AI means your code never leaves your machine — important for privacy, regulated industries, or avoiding API costs. The trade-off is lower quality output compared to frontier cloud models.
The number of unique users who use your application in a given month. Many auth and analytics tools (Clerk, Auth0, PostHog) price based on MAUs.
Why it matters for vibe coders: MAU-based pricing means your costs scale with your users. Understanding your MAU count helps you predict costs.
An open protocol developed by Anthropic that standardizes how AI models connect to external tools and data sources. Think of it as USB-C for AI — one standard way for any AI tool to plug into any data source.
Why it matters for vibe coders: MCP lets your AI coding tool (Cursor, Claude Code) connect directly to your database, API documentation, or GitHub repositories for better context.
A company that legally sells your product on your behalf, handling sales tax, VAT, and compliance in every country. Lemon Squeezy and Paddle are Merchants of Record — they sell your product and pay you, minus their fee.
Why it matters for vibe coders: Using a MoR means you don't have to register for sales tax in every jurisdiction. This saves massive complexity for indie hackers selling globally.
Code that runs between a user's request and your app's response. Middleware can check if a user is authenticated, redirect them, modify headers, or log the request — all before your page loads.
Why it matters for vibe coders: Next.js middleware is commonly used with Clerk for authentication. Your AI tool will often generate middleware files.
The predictable revenue your product generates every month from subscriptions. If 100 users pay $10/month, your MRR is $1,000. MRR is the most common metric for measuring SaaS business health.
Why it matters for vibe coders: MRR is how indie hackers measure success. Many vibe-coded projects share their MRR milestones on Indie Hackers and X/Twitter.
The simplest version of your product that delivers enough value to attract early users and validate your idea. An MVP is not the final product — it's the smallest thing you can build to test whether people want what you're making.
Why it matters for vibe coders: Vibe coding is exceptionally good at building MVPs. The goal is to validate quickly, not to build a perfect product.
A React framework built by Vercel that adds server-side rendering, file-based routing, and API routes to React. It's the most popular framework for building full-stack web applications and the default output for many AI coding tools.
Why it matters for vibe coders: Cursor, v0, and many AI tools generate Next.js code. It's the de facto standard framework for vibe-coded web apps.
Software development platforms where you build applications entirely through visual interfaces — drag-and-drop, point-and-click — without writing any code. Bubble, Webflow, and Airtable are no-code tools. Unlike vibe coding, no-code platforms don't generate source code you own — your app lives inside their platform.
Why it matters for vibe coders: No-code and vibe coding solve similar problems (build without traditional coding) but differ fundamentally: vibe coding produces real source code you own, while no-code locks you into a platform.
A tool that lets you interact with your database using code objects instead of writing raw SQL queries. Prisma and Drizzle are popular ORMs in the JavaScript/TypeScript ecosystem.
Why it matters for vibe coders: AI coding tools often generate ORM code (especially Prisma) to interact with your database. You don't need to learn SQL if your ORM handles the translation.
An open-source relational database — one of the most popular and reliable databases in the world. Supabase and Neon are both built on PostgreSQL. It stores data in tables with rows and columns.
Why it matters for vibe coders: PostgreSQL is the default database for most vibe coding stacks. Supabase wraps it with a user-friendly interface and API.
The text instruction you give to an AI tool to tell it what you want. In vibe coding, a prompt might be "build a landing page with a hero section and pricing table" or "fix the login bug on the dashboard page."
Why it matters for vibe coders: The quality of your prompts directly determines the quality of the code AI generates. Prompting is the core skill of vibe coding.
A technique where an AI model retrieves relevant information from a knowledge base before generating its response. Instead of relying only on its training data, the AI looks up current, specific information first.
Why it matters for vibe coders: If you're building an AI-powered feature (chatbot, search) that needs to answer questions about your specific data, RAG is how you do it.
A JavaScript library for building user interfaces, created by Meta (Facebook). React lets you build UIs from reusable components. It's the most widely used frontend library and the default output of most AI coding tools.
Why it matters for vibe coders: If you use Lovable, Bolt, v0, or Cursor with a web project, you're almost certainly working with React code.
A standard way for applications to communicate over the internet using HTTP requests (GET, POST, PUT, DELETE). When your app reads data from Supabase or creates a Stripe checkout session, it's using a REST API.
Why it matters for vibe coders: Most tool integrations use REST APIs. Understanding the basic concept helps you troubleshoot integration issues.
A database security feature in Supabase (PostgreSQL) that controls which rows each user can read, update, or delete. With RLS, you can ensure that users only see their own data, even though all data lives in the same table.
Why it matters for vibe coders: RLS is the most critical security feature for Supabase apps. Without it, any user can potentially access all data in your database.
Software that users access through a web browser and pay for with a subscription (monthly or yearly). Google Docs, Slack, and Notion are all SaaS products. Most vibe-coded apps that generate revenue are SaaS products.
Why it matters for vibe coders: Building a SaaS is the most common revenue-generating project for vibe coders. The typical stack: React frontend + Supabase backend + Clerk auth + Stripe payments.
A collection of tools, libraries, and documentation that makes it easier to build with a specific platform. When you install the Supabase SDK or Stripe SDK, you get pre-built functions for interacting with those services.
Why it matters for vibe coders: AI coding tools use SDKs to integrate with services. The SDK handles the complex API communication so you (and the AI) can use simple function calls.
A computing model where you don't manage servers. Your code runs on-demand — the cloud provider starts a server when a request comes in and stops it when it's done. You pay only for the time your code runs. Vercel, Cloudflare Workers, and AWS Lambda are serverless platforms.
Why it matters for vibe coders: Most vibe coding stacks are serverless by default. This means lower costs for low-traffic apps and automatic scaling for high traffic.
Generating the HTML for a web page on the server before sending it to the user's browser. This means the page appears faster and search engines can read the content more easily. Next.js supports SSR by default.
Why it matters for vibe coders: SSR improves SEO and initial page load speed. If your vibe-coded app uses Next.js, SSR is likely already happening.
The encryption that secures the connection between your users' browsers and your website. When a URL starts with "https://" (with the padlock icon), SSL/TLS is active. It prevents attackers from intercepting data in transit.
Why it matters for vibe coders: All modern hosting platforms (Vercel, Netlify, Cloudflare) provide free SSL certificates automatically. Your site should always use HTTPS.
An open-source backend platform built on PostgreSQL that includes a database, authentication, file storage, real-time subscriptions, and edge functions — all in one service. It's the most popular backend choice for vibe coding projects.
Why it matters for vibe coders: Supabase is the default backend for most vibe coding stacks. Lovable generates Supabase-connected apps, and Cursor frequently suggests Supabase for backend needs.
A utility-first CSS framework that lets you style elements by adding classes directly in your HTML (e.g., bg-blue-500 text-white p-4). Instead of writing separate CSS files, you compose styles from small, single-purpose classes.
Why it matters for vibe coders: Tailwind is the default styling system for virtually all AI-generated code. Lovable, Bolt, v0, and Cursor all output Tailwind CSS.
The basic unit AI models use to process text. Roughly, 1 token is about three-quarters of a word in English. When AI tools charge per token or have token limits, they're measuring how much text they process. More tokens = more cost.
Why it matters for vibe coders: Many AI coding tools (Lovable, Bolt, v0) use credit or token-based pricing. Understanding tokens helps you predict costs and manage usage.
A programming language built on top of JavaScript that adds type checking — it catches certain errors before your code runs, rather than after. Most modern vibe-coded apps use TypeScript instead of plain JavaScript.
Why it matters for vibe coders: AI coding tools tend to generate TypeScript code. You don't need to learn TypeScript deeply, but knowing what .ts and .tsx files are helps you navigate your project.
A style of software development where you describe what you want in natural language and an AI tool writes the code. Coined by Andrej Karpathy in February 2025, vibe coding makes software building accessible to people without traditional coding backgrounds.
Why it matters for vibe coders: This is the core concept of the site. Understanding vibe coding's scope and limitations helps you set realistic expectations.
An automated message sent from one application to another when a specific event happens. When a user pays through Stripe, Stripe sends a webhook to your app saying "payment completed." Your app then updates the user's account.
Why it matters for vibe coders: Payment processing, authentication events, and many integrations rely on webhooks. AI tools can generate webhook handlers for you.
A persistent connection between a user's browser and your server that allows real-time, two-way communication. Unlike normal HTTP requests (ask, answer, done), WebSockets keep the connection open for continuous data flow.
Why it matters for vibe coders: Real-time features like live chat, collaborative editing, and instant notifications use WebSockets. Supabase Realtime is built on WebSockets.