Bite-Sized Lessons
Learn one thing. Ship it today.
Standalone modules that teach you exactly one skill. No fluff, no prerequisites, no subscriptions. Pick what you need, build it with Claude, and move on.
Free
3Start here. No cost, no catch.
Setting Up GitHub
Create your GitHub account, set up your first repository, and learn the basics of pushing code.
What you'll learn
- Create a GitHub account
- Create and clone a repository
- Stage, commit, and push changes
- Understand branches and pull requests
Setting Up Vercel
Deploy your first project to the web with Vercel. Connect your GitHub repo and get a live URL in minutes.
What you'll learn
- Create a Vercel account
- Connect a GitHub repository
- Deploy and preview your site
- Understand builds and environment setup
Claude Code Prompting Basics
Learn how to write effective prompts for Claude Code. Get better results faster with clear, structured instructions.
What you'll learn
- Write clear, specific prompts
- Use the Role-Task-Context-Constraints formula
- Iterate and refine outputs
- Avoid common prompting mistakes
Beginner-Friendly
6No code required. Just follow along.
Custom Domain Setup
Buy a domain on Namecheap and connect it to your Vercel deployment so your app has a real URL.
What you'll learn
- Register a domain on Namecheap
- Configure DNS records for Vercel
- Set up HTTPS automatically
- Verify your live custom domain
Basic SEO
Add meta tags, generate a sitemap, and submit your site to Google so people can actually find it.
What you'll learn
- Add meta titles and descriptions
- Generate and submit a sitemap
- Set up Google Search Console
- Index your pages on Google
Contact Form with Email Notifications
Build a working contact form that sends you email notifications using Resend or Formspree.
What you'll learn
- Build a styled contact form
- Connect to Resend or Formspree
- Validate inputs and show feedback
- Receive email notifications on submit
Google Analytics Setup
Add Google Analytics to your app and understand who visits, where they come from, and what they do.
What you'll learn
- Create a GA4 property
- Add the tracking snippet to Next.js
- Read the real-time and audience reports
- Set up your first conversion event
Adding a Blog
Add a simple markdown-based blog to your app. Write posts in markdown, render them beautifully.
What you'll learn
- Set up a markdown content folder
- Parse and render .md files as pages
- Style blog posts with typography
- Add an index page with post listings
Password-Protecting a Page
Lock a page behind a password so only people you share the code with can access it.
What you'll learn
- Add a password gate component
- Store access state in cookies
- Protect any route in your app
- Customize the lock screen UI
Mid-Tier
6Intermediate comfort helps. Claude does the heavy lifting.
Stripe Payments — One-Time Purchases
Accept one-time payments with Stripe Checkout. Sell a product, digital download, or service.
What you'll learn
- Create a Stripe account and product
- Build a checkout flow with Stripe Checkout
- Handle success and cancel redirects
- Verify payments via webhooks
Stripe Subscriptions / Recurring Billing
Set up recurring billing with Stripe. Monthly plans, cancellation flows, and customer portals.
What you'll learn
- Create subscription products and prices
- Build a subscription checkout flow
- Handle plan changes and cancellations
- Set up the Stripe customer portal
User Auth (Sign Up, Login, Logout)
Add real user authentication. Sign up, log in, log out, and protect routes for logged-in users.
What you'll learn
- Set up NextAuth.js or Auth.js
- Add email/password and OAuth sign-in
- Protect pages for authenticated users
- Build sign-out and session management
Basic Database Setup
Connect your app to a real database with Supabase. Store, read, and update data from your UI.
What you'll learn
- Create a Supabase project
- Define tables and schemas
- Read and write data from your app
- Secure data with row-level security
Sending Transactional Emails
Send automated emails when users sign up, purchase, or trigger events. Powered by Resend.
What you'll learn
- Set up Resend with a verified domain
- Send welcome emails on sign-up
- Build HTML email templates
- Trigger emails from API routes
Simple Admin Dashboard
Build a basic admin panel to view users, manage content, and see key stats at a glance.
What you'll learn
- Create a protected /admin route
- Display user and content tables
- Add basic CRUD actions
- Build a stats overview card
Advanced-Leaning
8For builders who want to go deeper.
OpenAI / Claude API Integration
Call the OpenAI or Claude API from your app. Build an AI-powered feature with streaming responses.
What you'll learn
- Set up API keys securely
- Build a server-side API route for AI calls
- Stream responses to the frontend
- Handle errors and rate limits
Setting Up MCP Servers
Configure Model Context Protocol servers so Claude can use custom tools and data sources.
What you'll learn
- Understand MCP architecture
- Set up a local MCP server
- Define custom tools for Claude
- Connect MCP to Claude Code
Webhook Handling
Receive and process webhooks from Stripe, GitHub, or any external service securely.
What you'll learn
- Create a webhook endpoint
- Verify webhook signatures
- Process events idempotently
- Debug with webhook logs
Waitlist with Email Capture + Drip Sequence
Build a waitlist landing page that captures emails and sends an automated drip sequence.
What you'll learn
- Build a waitlist sign-up form
- Store emails in a database
- Set up a 3-email drip sequence
- Track open and click rates
Multi-Tenant Architecture Basics
Structure your app so multiple organizations can use it with isolated data and settings.
What you'll learn
- Design a tenant-aware data model
- Scope queries to the current tenant
- Build a tenant switcher UI
- Handle invites and onboarding
Rate Limiting and Basic Security
Protect your API routes with rate limiting, input validation, and security headers.
What you'll learn
- Add rate limiting to API routes
- Validate and sanitize user input
- Set security headers (CSP, HSTS)
- Prevent common attack vectors
CI/CD Pipeline Setup
Set up GitHub Actions to lint, test, and deploy your app automatically on every push.
What you'll learn
- Create a GitHub Actions workflow
- Run linting and tests on PR
- Auto-deploy to Vercel on merge
- Add status badges to your repo
Environment Variables and Secrets Management
Manage env vars across local, staging, and production without leaking secrets.
What you'll learn
- Structure .env files per environment
- Use Vercel environment variables
- Rotate secrets safely
- Validate env vars at build time
Cross-Tier Wildcards
4Useful at any level. Pick what you need.
Building a Landing Page That Converts
Design and build a high-converting landing page with hero, social proof, features, pricing, and CTA.
What you'll learn
- Structure the 5-section landing page formula
- Write compelling headlines and CTAs
- Add social proof and testimonials
- Optimize for mobile and speed
Setting Up a Simple CRM with Notion or Airtable
Build a lightweight CRM to track leads, customers, and deals without writing backend code.
What you'll learn
- Design a CRM database schema
- Connect Notion/Airtable via API
- Display and filter records in your app
- Automate status updates
Turning Your App into a Mobile PWA
Make your web app installable on phones with offline support and a native-feeling experience.
What you'll learn
- Add a web app manifest
- Configure a service worker
- Enable offline caching
- Test the install experience on mobile
Cookie Consent + GDPR Basics
Add a cookie consent banner and handle the basics of GDPR compliance for your app.
What you'll learn
- Build a cookie consent banner
- Conditionally load tracking scripts
- Add a privacy policy page
- Handle user data deletion requests
Want the full course instead?
Modules are great for a la carte learning. But if you want a structured path from zero to shipping, check out our tiered course tracks.
Explore the full course