Course Outline

Building Apps with Claude Code and Codex

A five-session path from environment setup and prompting fundamentals to shipping a working Supabase-backed NextJS app, and deploying it on Vercel, and pointing a custom domain at it.

Session 1

Set up

Module 1 of 5
  • Introduction to vibe coding - the big picture
  • Get Node.js installed
  • Install Git locally and set up GitHub account
  • Register for a Supabase account
  • Register for a Vercel account

Session 2

Preparation

Module 2 of 5
  • Basics of prompting
  • Database and persistence with Supabase
  • Supabase credentials management
  • Basics of source control with Git

Session 3

Vibe Coding

Module 3 of 5
  • Core Application Logic
  • User Management and Authentication with Supabase
  • CSS changes
  • Testing locally
  • Committing changes early and often to Git repos

Session 4

Deployment to the world

Module 4 of 5
  • Understanding what Git and GitHub are
  • Creating a repo on GitHub.com
  • Setting GitHub as a remote and pushing local changes to GitHub
  • Creating a Vercel project and connecting GitHub for continuous deployment
  • Security and secret management via environment variables on Vercel

Session 5

Domain Registration and Future Steps

Module 5 of 5
  • Register a domain on Squarespace, Namecheap, or GoDaddy
  • Update DNS so the Vercel app works at the new domain
  • Discuss where to build from here: build more functionality or begin a new idea!