Zero to Production
Ship a real web app without knowing how to code. GitHub + Claude Code + Stripe ~ from blank screen to paying users. Built for creators and builders who want to stop waiting and start shipping.
15
Lessons
5
Phases
~3.5h
Read Time
Phase 1 free · Unlock all 5
~ The Problem
You have ideas but no way to build them.
You know what you want to build. A dashboard. A tool. A SaaS. But you do not know how to code, and hiring a developer costs thousands. So the idea sits in your notes app collecting dust.
AI changed that. Claude Code writes production-quality code from plain English instructions. InsForge handles the entire backend. You just need to know what to ask for ~ and this playbook gives you the exact words.
Claude Code
Writes the code
GitHub
Stores the code
Backend (BaaS)
Runs the backend
Stripe
Handles payments
Vercel
Deploys it live
~ What's Inside
The 5 phases
Setup~ Get your tools ready ~ no experience needed.
You don't need to know how to code. You need Claude, a GitHub account, and InsForge. This phase walks you through every click, every install, every setting ~ so your AI assistant has everything it needs to build for you.
What You're About to Build
A real dashboard with login, a database, and a live URL. Not a tutorial project that lives on your laptop forever ~ a real thing on the internet that people can use. Your stack: GitHub holds your code, InsForge runs your backend, Claude writes the code for you. By the end of this playbook, you will have shipped a production app without writing a single line of code yourself.
The Finished Product
By the end of this playbook, you will have a working web app with a dashboard, user login, a database that stores data, and a live URL anyone can visit. It will look professional. It will work on phones. And you will not have written the code yourself ~ Claude did that part.
This is not a toy project. This is the same architecture that real SaaS companies use. The difference is you are building it in days instead of months, because AI is doing the heavy lifting.
Your Stack ~ Explained Simply
GitHub ~ A place that stores your code online. Think of it like Google Drive but for code. It keeps a history of every change so you can always go back.
InsForge ~ Your backend ~ the invisible brain. It handles user logins, stores your data in a database, saves files, and runs server code. My recommendation for starters who don't want to deal with backend.
Claude Code ~ Your AI coding assistant. You describe what you want in plain English, and it writes the code. It can also run commands, create files, and fix bugs.
Stripe ~ The payments layer. When you want users to pay you ~ subscriptions, one-time purchases ~ Stripe handles the money.
Vercel ~ Where your website lives on the internet. It takes your code from GitHub and puts it online with a URL.
How This Works
You talk to Claude in plain English. You tell it what you want. It writes the code, creates the files, and connects everything together. You review what it did, say yes, and move to the next step.
You are the architect. Claude is the builder. You decide what gets built. Claude figures out how to build it. That is the workflow for every lesson in this playbook.
You do not need to understand the code Claude writes. You need to understand what it does. This playbook teaches you the 'what' ~ Claude handles the 'how'.
Set Up GitHub & Claude Code
Step by step: create a GitHub account, install Claude Code, create your first repository, and clone it to your computer. Every click explained. Every terminal command given to you. If you have never opened a terminal before, this lesson is for you.
Step 1 ~ Create a GitHub Account
Go to github.com and click 'Sign Up'. Use your email, pick a username, and verify your account. That is it ~ you now have a place to store code.
GitHub is free. You will never need to pay for it for this playbook.
Step 2 ~ Install Claude Code
Open your terminal. On Mac, search for 'Terminal' in Spotlight. On Windows, search for 'Command Prompt' or install Windows Terminal from the Microsoft Store.
Then run this command. It installs Claude Code on your computer so you can use it from anywhere.
# This installs Claude Code globally on your machine
npm install -g @anthropic-ai/claude-code
# If you don't have npm yet, install Node.js first:
# Go to https://nodejs.org and download the LTS version
# Then run the command above again
Step 3 ~ Create Your First Repository
A repository (or 'repo') is just a folder for your project that GitHub tracks. Think of it as a project folder with superpowers ~ it remembers every version of every file.
Go to github.com, click the '+' in the top right, and click 'New repository'. Name it something like 'my-dashboard'. Check 'Add a README file'. Click 'Create repository'.
Step 4 ~ Clone It & Start Claude
Now you will download that folder to your computer and open Claude Code inside it. This is where the magic starts.
# Replace YOUR-USERNAME with your GitHub username
# Replace my-dashboard with your repo name
git clone https://github.com/YOUR-USERNAME/my-dashboard.git
# Go into your project folder
cd my-dashboard
# Start Claude Code
claude
# Claude is now running! You can talk to it.
# Try: 'What files are in this project?'
If 'npm' is not recognized, you need to install Node.js first. Go to nodejs.org, download the LTS version, install it, then restart your terminal and try again.
Pick Your Backend
Your app needs a backend ~ the invisible brain that remembers things, handles logins, and stores files. Pick your database of choice (InsForge, Supabase, Firebase ~ your choice), follow the steps, and you are ready to build.
What is a Backend?
Your app has two parts. The frontend is what people see ~ buttons, pages, text. The backend is the invisible part that does the thinking ~ it remembers who is logged in, stores data, and handles file uploads.
You do not need to build a backend from scratch. Backend-as-a-service (BaaS) platforms give you everything out of the box. Pick one and go.
Pick Your Backend Platform
InsForge ~ Database, auth, storage, AI, and functions. Link with one CLI command: npx @insforge/cli link --project-id <id> ~ my recommendation if you don't want to deal with backend.
Supabase ~ Open-source. PostgreSQL, auth, storage, edge functions. Very popular, great docs.
Firebase ~ Google-backed. NoSQL database, auth, hosting, cloud functions. Good for mobile too.
All three are free to start and work great with Claude. This playbook uses generic prompts that work with any of them ~ just tell Claude which one you picked.
Step 1 ~ Create an Account
Sign up on your chosen platform and create a new project. Give it a name like 'my-dashboard'. The platform will set up a database and auth system for you automatically.
Step 2 ~ Connect It to Your Project
Each platform connects differently. Tell Claude which one you chose and it will handle the setup:
# Option A: InsForge
npx @insforge/cli link --project-id <your-project-id>
# Option B: Supabase
# Get your project URL and anon key from the dashboard
# Claude will create the client file for you
# Option C: Firebase
# Get your config from the Firebase console
# Claude will initialize the app for you
# Then tell Claude:
Set up [InsForge/Supabase/Firebase] in my project.
I already have my credentials ready.
Step 3 ~ Verify It Works
Ask Claude to confirm the connection:
Check if my backend is connected and working.
Try a simple test query to make sure everything is set up.
What You Just Set Up
Database ~ A place to store and query data ~ like a spreadsheet your app reads and writes automatically.
Auth ~ A login system ~ email/password, magic links, social logins. Built in.
Storage ~ A place to store files ~ images, documents, anything users upload.
It does not matter which platform you pick. Claude knows how to work with all of them. Just tell it which one you chose and it will use the right SDK and patterns.
Build~ Your first real app ~ built by AI, guided by you.
This is where Claude does the heavy lifting. You describe what you want, Claude writes the code, and you see it come to life. By the end of this phase you'll have a working dashboard with login, a database, and a URL you can share.
This phase is locked
Subscribe to unlock all 4 lessons in this phase plus full progress tracking.
04 ~ The Prompt Library ~ Your Secret Weapon
20 min05 ~ Build the UI ~ Layout, Pages, Navigation
18 min06 ~ Add Authentication ~ Login & Signup
16 min07 ~ Connect Your Database
18 minPrompts~ The prompts that build features on demand.
You've built the foundation. Now you have a library of prompts that can add any feature ~ forms, charts, file uploads, notifications, search. Copy, paste, ship.
This phase is locked
Subscribe to unlock all 3 lessons in this phase plus full progress tracking.
08 ~ Feature Prompts ~ Forms, Tables, Charts
20 min09 ~ Backend Prompts ~ CRUD, Filters, Realtime
18 min10 ~ Design Prompts ~ Make It Look Professional
15 minMonetize~ Turn your dashboard into a business.
A dashboard without payments is a hobby. This phase adds Stripe ~ subscriptions, one-time payments, customer portal, webhooks. By the end, your users can pay you.
This phase is locked
Subscribe to unlock all 3 lessons in this phase plus full progress tracking.
11 ~ Stripe Setup & Your First Product
18 min12 ~ Checkout, Webhooks & Access Control
22 min13 ~ Subscription Management & Customer Portal
16 minShip~ Deploy. Share. Get users.
Your app works locally. Now put it on the internet with a real URL. This phase covers deployment, custom domains, analytics, and the launch checklist that ensures your first users have a smooth experience.
This phase is locked
Subscribe to unlock all 2 lessons in this phase plus full progress tracking.
14 ~ Deploy to InsForge + Vercel
15 min15 ~ Launch Checklist & First Users
12 minThe builder's diaries.
What I'm building, breaking, and figuring out.
- AI tools I actually use to build faster
- Behind-the-scenes of growing a business in Madrid
- Community plays, client wins, and real revenue breakdowns
- Grounded dispatches from someone building roots
Growing Community
Drop your email.
Unsubscribe any time. No spam, ever.
