The Premise
You don't need to learn to code first and build later. You build from Day 1 and learn by doing. AI coding tools (Claude Code) are the unlock — they let you build real things immediately while absorbing technical concepts through repetition, not study.
What you need to start:
- A computer (Mac or PC)
- A real problem you want to solve (not a tutorial project)
- Willingness to be confused and keep going
What you don't need:
- Programming experience
- A CS degree
- Money for a dev team
Pre-Work
Mindset
You're not “learning to code.” You're building something real with an AI partner. The AI writes most of the code. Your job is to know what you want, describe it clearly, and learn to recognize when things are working.
The Unlock: Claude Code + A Real Terminal
Moving to Claude Code in a real terminal like Ghosttywas one of the biggest leaps. Claude Code runs directly in your terminal — you describe what you want in plain English and it writes, edits, and deploys code for you. Ghostty gives you a fast, beautiful terminal where it all happens. No IDE needed. This isn't a nice-to-have — it's the environment that makes everything else possible.
Tools to Set Up
| Tool | What It Is | Cost |
|---|---|---|
| Claude Pro | AI assistant (use Claude Code in terminal) | $20/mo |
| Ghostty | GPU-accelerated terminal — fast, beautiful, where Claude Code lives | Free |
| GitHub | Where your code lives (version control) | Free |
| Vercel | Deploys your site to the internet | Free tier |
| Node.js | JavaScript runtime (needed for everything) | Free |
Setup Steps
- 1Install Ghostty(ghostty.org) — this is your workspace. A fast, GPU-accelerated terminal that makes everything feel smooth and professional. Open it and leave it open. This is where you'll live.
- 2Install Node.js from nodejs.org
- 3Sign up for Claude Pro ($20/mo at claude.ai) — this powers the AI that writes your code.
- 4Install Claude Code in Ghostty:
npm install -g @anthropic-ai/claude-code - 5Type
claudein Ghostty. That's it. You now have an AI coding partner. Tell it what you want to build in plain English and watch it work. - 6Create a GitHub account (github.com) — where your code lives
- 7Create a Vercel account (vercel.com, connect to GitHub) — deploys your site to the internet
Your daily workflow from Day 1:
1. Open Ghostty
2. cd my-project
3. claude
4. Tell it what you want: “Add a contact form that sends me an email”
5. Watch it build. Review. Deploy.
First Deploy
Goal: Get something live on the internet with your name on it.
Identity shift: "I'm not technical" starts to crack.
Week 1: Your First Website
What you'll build: A simple website for something real — your business, a landing page, a personal site.
Tools introduced:
- Terminal basics (
cd,ls, running commands) npx create-next-app(scaffolds a project)- Claude Code (describe what you want, it builds it)
- Git basics (save your work:
git add,git commit,git push)
Daily progression:
| Day | What You Do |
|---|---|
| Mon | Install tools. Run npx create-next-app my-site. Open it in your editor. Run npm run dev. See it in your browser at localhost:3000. |
| Tue | Open Claude Code in your project folder. Tell it: "Make this a landing page for [your thing]. Add a hero section, about section, and contact form." Watch it build. |
| Wed | Tell Claude: "Make it look better. Use [color] as the primary color. Add my logo." Iterate on design. |
| Thu | Create a GitHub repo. Push your code. Connect to Vercel. Your site is now live on the internet. |
| Fri | Buy a domain (optional). Point it at Vercel. Share the link with someone. |
What you'll learn without trying:
- How a project is structured (folders, files)
- What JSX looks like (HTML-like code in JavaScript)
- How deployment works (push code → site updates)
- The feedback loop: describe → build → see → iterate
Week 2: Make It Interactive
What you'll add: A working contact form, dynamic content, basic styling.
Tools introduced:
- Tailwind CSS (styling with utility classes)
- React components (reusable pieces of UI)
- Environment variables (storing secrets safely)
- Vercel environment settings
Key exercises:
- Add a contact form that actually sends emails (use Resend or SendGrid)
- Add a page with dynamic content (a list of services, portfolio items, etc.)
- Make it responsive (looks good on mobile)
- Deploy every change — get comfortable with the push → deploy cycle
Your First Real App
Goal: Build something with a database, user accounts, and real functionality.
Identity shift: "I can build tools, not just websites."
Week 3: Add a Database
What you'll build: Turn your site into an app that stores and retrieves data.
Tools introduced:
| Tool | What It Is | Cost |
|---|---|---|
| Supabase | Database + auth + storage (like Firebase but better) | Free tier |
| TypeScript | JavaScript with types (catches errors before they happen) | Free |
What to do:
- 1Create a Supabase project (supabase.com)
- 2Tell Claude: “Add a Supabase database to store [contacts/products/entries/whatever your app needs]”
- 3Build a page that displays data from the database
- 4Build a form that saves data to the database
- 5Deploy. You now have a real app.
Concepts you'll absorb:
- Tables, rows, columns (database basics)
- API calls (your app talking to your database)
- CRUD operations (Create, Read, Update, Delete)
- Environment variables for database credentials
Week 4: Add User Accounts
Tools introduced:
- Supabase Auth (login/signup)
- Protected routes (pages only logged-in users can see)
- Row Level Security (users can only see their own data)
What to do:
- 1Tell Claude: “Add authentication with Supabase Auth. Users should be able to sign up, log in, and only see their own data.”
- 2Add a login page, signup page, and a dashboard
- 3Protect your main pages behind auth
- 4Deploy. You now have a multi-user app.
Week 5: Polish and Ship
What to focus on:
- Error handling (what happens when things go wrong)
- Loading states (spinners, skeletons)
- Mobile responsiveness
- A real favicon and metadata (not the default Next.js icon)
Tools introduced:
- PostHog (analytics — see who's using your app) — Free tier
- Basic SEO (page titles, descriptions, Open Graph images)
Week 6: Get Feedback, Iterate
- Share your app with 3-5 real people
- Watch them use it (or review PostHog recordings)
- Fix what's broken, add what's missing
- Practice the cycle: feedback → Claude Code → deploy → repeat
Go Mobile
Goal: Build a mobile app from the same codebase.
Identity shift: "I'm not a real developer" starts to die.
Weeks 7-8: React Native with Expo
Tools introduced:
| Tool | What It Is | Cost |
|---|---|---|
| Expo | Framework for building iOS/Android apps with React | Free |
| Expo Go | App to preview your mobile app on your phone | Free |
| EAS Build | Builds your app for the App Store | Free tier |
What to do:
- 1
npx create-expo-app my-app - 2Tell Claude: “Build a mobile version of [your web app] using Expo and React Native. Connect it to the same Supabase database.”
- 3Run it on your phone with Expo Go
- 4Iterate on the mobile UX (navigation, gestures, platform conventions)
Key concepts:
- React Native components (View, Text, ScrollView, TouchableOpacity)
- Navigation (tabs, stacks)
- Shared backend — your mobile app and web app use the same database
Week 9: TestFlight (iOS)
Tools introduced:
- Apple Developer Account ($99/year)
- Fastlane (automates iOS builds)
- TestFlight (Apple's beta testing platform)
What to do:
- 1Set up an Apple Developer account
- 2Tell Claude: “Set up Fastlane for iOS builds with automatic TestFlight upload”
- 3Run your first build. Send the TestFlight link to testers.
Week 10: Ship to App Store
- Screenshots, app description, privacy policy
- Submit for review
- You now have an app in the App Store.
Multiple Products
Goal: Build fast. Reuse everything. Ship weekly.
Identity shift: "I'm a builder."
By now you have a pattern: describe → build → deploy. Start applying it to every problem you see.
Weeks 11-12: Second and Third Apps
Build 2-3 more apps using the same stack. Each one gets faster because:
- You know the tools
- You can copy patterns from your first app
- Claude Code has context on how you like things built
Speed benchmarks (what's realistic):
| What | Time |
|---|---|
| Landing page with contact form | 1 day |
| Full CRUD app with auth | 2-3 days |
| Mobile app connected to existing backend | 3-4 days |
| Marketing site with CMS | 1 day |
Weeks 13-14: Shared Services
When you have 3+ apps, you'll notice duplication. Time to centralize.
Tools introduced:
| Tool | What It Is |
|---|---|
| Monorepo (Turborepo + pnpm) | One repo for multiple apps and shared packages |
| Shared API | One backend serving all your apps |
| npm packages | Reusable code published for all your projects |
What to build:
- A shared API that handles forms, email, newsletters for all your sites
- Reusable React components (form renderer, newsletter signup)
- API key authentication so each site is isolated
Weeks 15-16: Custom Domains and Professional Infrastructure
Tools introduced:
- GoDaddy/Cloudflare DNS management
- Custom domains on Vercel
- SendGrid for transactional email
- Proper secret management (1Password CLI)
Automation and Agents
Goal: Your apps run themselves.
Identity shift: "I need a team to scale" dies.
Weeks 17-18: VPS and Background Jobs
Tools introduced:
| Tool | What It Is | Cost |
|---|---|---|
| VPS (DigitalOcean/Hetzner) | A Linux server that runs 24/7 | $5-20/mo |
| SSH | Connect to your server from anywhere | Free |
| Cron jobs | Scheduled tasks (run this script every hour) | Free |
| tmux | Terminal sessions that persist when you disconnect | Free |
What to build:
- Set up a VPS with your development tools
- Write scripts that run on a schedule (data sync, content updates, health checks)
- Move background processing off Vercel and onto your server
Weeks 19-20: AI Agents
What you'll build: Autonomous agents that do work without you.
Examples from the real journey:
- Content writer agent (generates SEO blog posts on schedule)
- Data enrichment agent (scrapes and updates business listings)
- Email task agent (receives emails, spawns Claude Code workers to execute tasks)
- Sync agents (keep Google Contacts, analytics, etc. in sync)
Pattern:
- 1Write a script that does one thing well
- 2Wrap it in a cron job
- 3Add error handling and logging
- 4Let it run
Weeks 21-22: Monitoring and Self-Healing
Tools introduced:
- Agent monitoring dashboard (track all your automated jobs)
- Health checks (detect when agents fail or go stale)
- Self-healing agents (automatically restart or fix failed jobs)
- Exception-based management (dashboard shows problems, not status reports)
What you'll build:
- A dashboard that shows the health of all your agents
- Alerts when something breaks (email/SMS)
- Agents that monitor other agents
Mastery
What Mastery Looks Like
At this point, you're not “using AI to code.” You're running a software operation:
- 10+ production apps serving real users
- 30+ cron jobs running autonomously
- Shared infrastructure (API platform, component library, monitoring)
- Mobile apps in the App Store
- Custom email systems (inbound and outbound)
- OAuth integrations with Google, Apple, Spotify, etc.
- Analytics tracking user behavior across all products
- Self-healing systems that fix themselves
The Full Tech Stack You'll Know
| Category | Tools |
|---|---|
| Frontend | Next.js, React, Tailwind CSS, shadcn/ui |
| Mobile | React Native, Expo, Fastlane, TestFlight |
| Backend | Supabase (Postgres), Vercel API routes, Node.js |
| AI Tools | Claude Code |
| DevOps | GitHub, Vercel, VPS (Linux), cron, tmux, SSH |
| SendGrid (outbound), SendGrid Inbound Parse | |
| Analytics | PostHog |
| DNS/Domains | GoDaddy or Cloudflare |
| Auth | Supabase Auth, Apple Sign In, Google OAuth |
| Monitoring | Custom agent dashboard, health checks |
| Secrets | 1Password CLI |
| Build Tools | Turborepo, pnpm, tsup, Fastlane |
My Actual Stack (What I Use Every Day)
These are the specific tools and services I use. Not theoretical recommendations — this is what's running right now across 10+ production apps.
AI & Development
| Tool | What It Is | How I Use It |
|---|---|---|
| Claude Code | AI coding agent (CLI) | My primary development tool. Runs in terminal, writes code, manages files, deploys. I describe what I want, it builds it. |
| Claude Pro | Anthropic AI subscription ($20/mo) | Powers Claude Code. The reasoning behind every line of code. |
| Ghostty | GPU-accelerated terminal emulator | Fast, beautiful terminal. Where Claude Code and all my work lives. Replaced iTerm2. |
Infrastructure & Hosting
| Tool | What It Is | How I Use It |
|---|---|---|
| Hetzner VPS | Cloud server (Ubuntu 24.04) | My always-on development machine. Runs cron agents, background jobs, Claude Code workers 24/7. ~$5-20/mo. |
| Vercel | Frontend hosting & deployment | Every web app deploys here. Push to GitHub → site updates automatically. Free tier covers most projects. |
| Supabase | Postgres database + auth + storage | The backend for everything. User accounts, data storage, real-time subscriptions, file uploads. Free tier is generous. |
| GitHub | Code hosting & version control | Every project in its own repo. 29 repos and counting. |
| Tailscale | VPN mesh network | Connects my Mac, VPS, and iPhone seamlessly. SSH from anywhere without exposing ports. |
Frameworks & Languages
| Tool | What It Is | How I Use It |
|---|---|---|
| Next.js | React framework for web apps | Every web project. Server components, API routes, automatic optimization. |
| React Native / Expo | Mobile app framework | iOS apps — Connection Cards, Soakr, n8Clarity. One codebase → App Store. |
| TypeScript | Typed JavaScript | Catches errors before they happen. AI tools write better TypeScript than JavaScript. |
| Tailwind CSS | Utility-first CSS framework | Styling everything. Tell Claude 'make it look like X' and Tailwind makes it possible. |
| Python | Scripting language | Cron jobs, data processing, analytics scripts. Quick and effective for automation. |
DevOps & Automation
| Tool | What It Is | How I Use It |
|---|---|---|
| tmux | Terminal multiplexer | Persistent sessions on the VPS. Claude Code workers run in tmux — survive disconnects. |
| cron | Scheduled task runner | 32+ cron jobs running content agents, data sync, health checks, email polling. The backbone of automation. |
| Fastlane | iOS build automation | One command → builds iOS app → uploads to TestFlight. No manual Xcode clicking. |
| Turborepo + pnpm | Monorepo build tools | Manage shared packages across projects. Build once, use everywhere. |
| Git | Version control | 2,800+ commits. Push to deploy. Branch, merge, ship. |
Services & APIs
| Tool | What It Is | How I Use It |
|---|---|---|
| SendGrid | Email service | Outbound email (notifications, reports) and inbound email parsing (email → webhook → app). |
| PostHog | Product analytics | See who's using what, session recordings, funnels, retention. Free tier. |
| 1Password CLI | Secret management | Every API key and credential stored securely. Retrieve at runtime, never hardcoded. |
| GoDaddy + API | Domain & DNS management via API | 50+ domains. Full API access — Claude Code automatically creates DNS records when deploying new sites. No clicking through dashboards. |
| Apple Developer | App Store access ($99/yr) | TestFlight distribution, App Store submissions, push notifications. |
| Google OAuth / GOG CLI | Google Workspace integration | Gmail, Calendar, Contacts sync across 4 Google accounts via custom CLI tool. |
Monitoring & Ops
| Tool | What It Is | How I Use It |
|---|---|---|
| Pulse (Agent Dashboard) | Custom ops dashboard | Monitors all 32+ cron agents. Shows health, failures, stale jobs. Exception-based — only surfaces problems. |
| Self-healing agents | Auto-recovery system | Agents that detect failures and automatically restart or fix other agents. |
| VPS Email Tasks | Email-triggered automation | Send an email to the VPS → it spawns a Claude Code worker to execute the task and emails back results. |
Key Principles
Build real things from Day 1.
Never "learn first, build later." The building IS the learning.
AI writes the code, you drive the vision.
Your job is to know what you want and describe it clearly. The technical details come through repetition.
Deploy immediately and often.
If it's not on the internet, it's not real. Push every change. Get comfortable with the deploy cycle.
Bring a problem, not a project.
Start with a frustration, a manual process, an idea that solves something. The project emerges from the problem.
Speed compounds.
Your first app takes weeks. Your tenth takes a day. Every project makes the next one faster because you're building on patterns you already know.
Don't study — absorb.
You'll learn what a database is by using one, not by reading about one. You'll learn git by pushing code every day, not by taking a git course.
Your AI partner gets better as you do.
The better you describe what you want, the better the output. This skill — clear articulation of intent — is the real skill you're developing.
The Numbers (Real Results)
| Metric | Value |
|---|---|
| Time from first commit to 10+ production apps | 6 months |
| Total repositories | 29 |
| Total commits | 2,800+ |
| Production apps | 10+ |
| Mobile apps in App Store | 3 |
| Autonomous cron jobs | 32+ |
| Shared service APIs | 1 platform serving all apps |
| Lines of code written by the human | Almost none — AI wrote it all |