Vibe Coding Path

• Welcome to Vibe Coding
• Build Your First Page
• How the Web Works
• Reading Code, Not Writing It
• Browser Developer Tools
• The Build Loop: Spec, Build, Test, Save
• Refine and Ship

Build your first web page with AI in the opening chapters, then understand what is happening behind the scenes.

• Open the Terminal
• npm and Project Setup
• Install a Terminal AI Agent (CLI)
• Use the Agent on a Real Task
• Take a Project Local

Set up a complete AI coding workflow with the terminal, npm, and a terminal AI agent.

• AI Has No Memory
• Give AI Project Context
• MCP Connecting AI to the World
• The Context Window
• Automate After Every Edit
• Lock In the Config

Most AI coding tools start each session without knowing anything about the project.

• Your First Repository
• Commits That Save You
• Branches for Safe Experiments
• Undo and Recover
• Push to GitHub Safely
• The AI Git Workflow

One bad AI prompt can rewrite your entire project in seconds.

• Why Most Prompts Fail
• Anatomy of a Good Prompt
• Debugging with AI
• Review and Verify What AI Wrote
• The Conversation, Not the Message
• Anti-Patterns and Prompt Improvement
• Specs for Bigger Features
• Keep What Works

Stop getting garbage from AI and start getting what you actually want.

• How Vibe Coders Build UI
• Use a Component Library
• Layout Patterns with AI
• Responsive Design and Theming
• Polish That Makes It Professional
• Build a Complete Page

Build interfaces that look polished without learning design.

• Why Your App Needs a Database
• Choosing Your Database Platform
• Set Up Your Database
• Design Your Schema with AI
• Let AI Handle Your Data
• Connect Data to Your UI
• Evolve Your Database Over Time
• Review and Ship

Add a database to your app without learning SQL.

• What a Backend Does
• Your First API Route
• Add Auth to Your App
• Build Features with API Routes
• Protect Your App in Production
• Move Slow Work to the Background
• Let Users Upload Files
• The Backend Builder's Workflow

Turn your frontend into a full-stack product that knows who is logged in, protects every route, and keeps running when things break.

• Why Your App Needs External Services
• Tell AI to Call Any API
• Accept Payments
• Send Emails That Actually Arrive
• Chain Services with Webhooks
• The Integration Builder's Workflow

You'll learn how to connect external services to your app: transactional email, optional payment processing, and webhook chains that trigger actions across multiple services at once.

• AI Code Looks Right But Isn't Always
• Catch Hallucinations Before They Run
• Ask AI to Check Its Own Work
• Test Before You Trust
• Refine Instead of Restart
• Spot the Warning Signs
• TypeScript Errors Are Your Friend
• The Quality Checklist

You don't need to understand every line of code.

• When Things Break (Don't Panic)
• Copy the Error, Paste to AI
• Find Errors That Hide from You
• Describe What's Wrong, Not What to Fix
• The Undo Button: Git Saves You
• Common Problems and What to Tell AI
• When the First Fix Doesn't Work

You learned to catch AI mistakes in the Spotting AI Mistakes Fast course.

• Why Apps Get Hacked
• Keep Your Secrets Secret
• Lock the Doors: Login and Permissions
• Know the Attack Names
• Your Pre-Launch Security Checklist
• What to Do When Something Goes Wrong

You'll ship apps that are safe from the mistakes that cost builders thousands.

• Why New Features Break Old Ones
• Test It Yourself First
• Tell AI to Add Automated Tests
• Set Up Automatic Checks
• Your Pre-Ship Routine

Every push feels risky until you have a system.

• Deploy to Vercel in 5 Minutes
• Set Up Your Production Settings
• Your Database in Production
• When the Deploy Fails
• Preview Deploys and Custom Domains
• Know When Things Break

Your app works on your laptop.

• Build Outcomes, Not Features
• Validate Before You Build
• Scope Your MVP
• Set a Price, Reduce the Friction
• Watch What Users Actually Do
• Measure What Matters
• Ask Users, Then Act
• When to Change Direction

You can build anything now.

• Nobody Knows Your App Exists
• Launch Where Your Users Are
• Get Found on Google
• Build a Content Engine
• Referrals and Community
• Your Weekly Growth Routine

You built something great and nobody knows about it.

• What AI Can Do for Your App
• Tell AI to Build Smart Features
• Keep Costs Under Control
• Ship AI Features Responsibly
• What's Next

Add a chatbot, smart search, or content generation to your app using AI APIs.