VibeCode Web Apps

A mission-based path for building and shipping a real web app by directing AI agents.

Short wins

Start
  1. Why Vibecoding Works See why directing an agent changes the speed of building software. Win: Explain the difference between coding alone, coding with an agent, and async agents.
  2. Download Cursor Install the editor where you will direct AI agents and review their work. Win: Know what job Cursor has in the workflow.
  3. Save Your Code Properly Create the mental model for repositories, GitHub, and recoverable snapshots. Win: Understand why a repository is safer than a plain folder.
  4. Meet the Terminal Learn why one typed command can create and operate a project. Win: Open the terminal and understand the command-in, result-out loop.
  5. Install the Essentials Install the baseline tools your agent-built projects expect. Win: Install package manager, Node.js, GitHub CLI, and Bun in order.
  6. Choose a Stack and Master It Use one opinionated web stack so the agent has a stable target. Win: Map Convex, Clerk, Bun, Next.js, AI SDK, OpenRouter, UploadThing, and Vercel.
  7. Start Your First Project Run the command that creates the production-ready starter app. Win: Create the first app scaffold from the terminal.

Watch this before you move on

A final walkthrough to tie the course together and give people one more concrete reference before they start building.