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
• Use the Agent on a Real Task
• Other Ways to Work with AI
• Take a Project Local
• What Comes Next

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.

• Before You Build
• Generate and Iterate
• Polish
• Deploy and Share

Build a personal page with AI and deploy it to a live URL in one session.

• 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.

• Set Up the Disaster
• Find and Fix the Damage
• What You Learned

Break a real project on purpose, then recover it using AI and Git.

• 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
• Build Your Prompt System

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.

• Plan Your Landing Page
• Build the Page
• Make It Professional
• Review and Wrap Up

Build a professional landing page from scratch using AI.

• 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.

• Pick Your SaaS and Plan It
• Scaffold Your Project
• Build Your Database
• Add Auth So Users Can Sign In
• Build Your Core Feature
• Make It Look Professional
• Add Payments
• Ship It Live

Build a complete SaaS app from spec to launch using AI.

• 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.

• Meet Your Broken App
• Find Every Problem
• Fix the Crashes First
• Fix the Silent Bugs
• Fix the Design Problems
• Final Testing and Safety Checks
• Write Your Fix Report

Get hands-on practice finding and fixing real problems in a broken app by describing them to AI.

• 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.

• Pick Your Project
• Add Automated Tests
• Run the Security Audit
• Add Error Handling
• Set Up Monitoring
• Final Verification and Deploy

Take one of your existing projects and make it production-ready by telling AI to add tests, security checks, error handling, and automatic monitoring.

• 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.

• Pick and Prepare Your Project
• Deploy to Vercel
• Test Everything on the Live Site
• Custom Domain and Polish
• Add Monitoring and Ship
• Share It With the World

Take your project from 'works on my laptop' to 'live on the internet.

• 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.

• Pick Your Product
• Prepare Your Launch
• Launch Day
• Set Up Growth Systems
• Get to 100 Users

Take a deployed app and get real people using it.

• What AI Can Do for Your App
• Tell AI to Build Smart Features
• Keep Costs Under Control
• Ship AI Features Responsibly
• Get Ready for Your Capstone

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

• Choose Your Idea
• Plan Before You Build
• Build Your Product
• Harden and Deploy
• Launch and Celebrate

This is it.