Claude.aiFree Tier
Your AI thinking and writing partner. Free Chat covers Module 1; Cowork (Module 2) runs in the desktop app on a paid plan.
The Curriculum Backbone
The Ground We Cover.
Tailored to Your Goal.
From “What is Claude?” to a deployed web app — and on to MCP, custom skills, and automations that run without you. These are the building blocks; the order, pace, and depth are shaped around where you want to go.
10
Modules
40+
Lessons
0
Prior Experience
1
Deployed App
What You'll Leave With
Every track ends with
something real.
Your finish line depends on your goal. Here's the signature deliverable for each — then a closer look at the Builder track's.
The Professional
Work smarter, not harder
You leave with
A personal Claude system — Projects and a prompt library that save you hours every week.
The Builder
Turn an idea into a real app
You leave with
One real web app, live at your own domain, with a database and user accounts.
Power User / Automator
Master Claude Code
You leave with
An agent or automation that runs real work end-to-end, on its own.
The Builder Track, In Detail
A Running Web App
Built with Next.js, TypeScript, and Tailwind. Multiple pages, navigation, polished UI.
Real Database
Supabase-powered persistence. Data survives page refreshes, browser closes, and new sessions.
User Auth & Accounts
Sign up, log in, and log out. Each user sees only their own data — properly secured.
Live on the Internet
Deployed on Vercel at a custom domain you own. HTTPS included. Auto-deploys on every push.
Code on GitHub
Version-controlled, backed up, and deployable from any machine. Your safety net.
AI as Your Partner
A workflow and mindset for building with Claude Code that you'll carry into every future project.
The Curriculum
Ten modules.
Your path through them.
Not a fixed sequence. Depending on your goal and where you're starting, we tackle these in a different order, pace, and depth — Productivity wraps up around Module 2, Builders finish at 7, and Power Users push on into MCP, skills, and automations.
- L1Chat vs. Cowork — From Answering to Doing
- L2Advanced Prompting — Get More From Every Request
- L3Persistent Context — Projects, Instructions & Files
- L4Cowork With Your Files, Folders & Connected Tools
- L5Skills, Real Workflows & Working Safely
- ✦Module 2 Exercises — Put Cowork to Work
- L1Planning Your App — Writing a one-page spec
- L2Setting Up Next.js — Project structure & running locally
- L3Building with Claude Code — Layouts, lists, forms, detail pages
- L4Understanding What You've Built — React, state, TypeScript basics
- ✦Module 4 Exercises — 2+ working features, code walkthrough
- L1What Is a Database? Tables, rows & SQL in plain English
- L2Supabase Setup — Project, tables, Row Level Security
- L3Connecting Supabase to Your Next.js App
- L4CRUD Operations — Create, Read, Update, Delete for real
- L5Adding Authentication — Sign up, log in, user-specific data
- ✦Module 6 Exercises — Full CRUD + auth with user isolation
- L1Hosting Explained — Servers, DNS, CDN in plain language
- L2Deploying to Vercel — Import, env vars, first deploy
- L3Getting a Domain Name — Registrars, TLDs, what to buy
- L4Connecting Your Domain — DNS records, HTTPS, propagation
- L5Production Checklist — Security, mobile, monitoring
- ✦Module 7 Exercises — Live at your domain. Builder track complete.
- L1What Is MCP? Connecting Claude to the Outside World
- L2Adding Your First MCP Servers (GitHub, Notion, Supabase)
- L3Reading & Writing Real Data Through Claude
- L4Safety & Permissions When Claude Touches Live Tools
- ✦Module 8 Exercises — Connect 2 tools and run a real task through them
- L1From Assistant to Agent — Headless & Unattended Runs
- L2Scheduling Work — Cron, Triggers & Background Jobs
- L3Multi-Step Workflows — Monitor → Decide → Act → Notify
- L4Guardrails, Verification & Keeping Agents on Track
- ✦Module 10 Exercises — Ship one automation that runs end-to-end on its own
- L1What Is a Design System? Tokens, components & consistency in plain English
- L2Meet Claude Design — Generate a full design system from a prompt or a screenshot
- L3Design Tokens — Colour, type, spacing & dark mode Claude reuses everywhere
- L4On-Brand Components — Buttons, cards & forms generated to match your system
- L5Sync Design ↔ Code — Storybook & Figma into your app with /design-sync
- L6Iterating on a Live Design — Restyle a whole app by editing tokens, not screens
- ✦Module 11 Exercises — Build a mini design system and apply it across two pages
Coming SoonIn the works — added to the curriculum next.
- L1How I organize my repos, configs & agents
- L2How I ship real code from my phone — coding on the go
- L3My agentic workflow setup
- +…and a whole lot more
Walked through 1-on-1 — my real setup, not slides.
Your Stack
Professional tools.
Mostly free.
The same tools used by professional developers. We set them up as you work through the modules.
Claude Code~$20/mo
AI coding assistant in your terminal. Reads, writes, and runs your actual project files.
GitHubFree
Where your code lives. Version history, backup, and the bridge to deployment.
SupabaseFree Tier
Cloud database with a friendly dashboard. Handles PostgreSQL, auth, and real-time out of the box.
VercelFree Tier
Hosting platform built for Next.js. Deploy in seconds. Every git push auto-deploys.
Domain Name~$12/yr
Your app's address. We cover how to buy one, configure DNS, and connect it to Vercel.
Who It's For
You don't need to be
a developer.
This is for people who want to build — not people who already know how.
Business Professionals
Build internal tools, dashboards, and automations without waiting for a developer.
Entrepreneurs
Validate your idea with a working product before spending money on a dev team.
Creators
Build tools that support your content, audience, and creative workflows.
Curious Learners
Want to understand how AI-assisted development actually works? Find out by doing it.
You are the product manager.
Claude is the developer.
You describe what you want. Claude builds it. You review and refine. This is the entire workflow — and it's more powerful than it sounds.
you → "Add a search bar that filters the task list as I type"
claude → writing app/components/SearchBar.tsx...
claude → updating app/page.tsx...
claude → ✓ done — refresh your browser
claude → writing app/components/SearchBar.tsx...
claude → updating app/page.tsx...
claude → ✓ done — refresh your browser
Ready to build
something real?
Module 1 starts in the browser. No installation needed. Every module is free.
No credit card. No signup. Every module is free and open.