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
What you unlock
All 5 phases + lessons
Progress tracking across all playbooks
Every playbook on abiemaxey.com
New lessons as they drop
~ 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.
AI Agent
Claude Code, Codex, or your choice
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 an AI coding agent, a GitHub account, and a backend. 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, a backend stores your data, and an AI agent 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.
AI Agent ~ Your coding assistant. You describe what you want in plain English, it writes the code, runs commands, creates files, and fixes bugs. Use Claude Code, Codex, or any agent you prefer.
Backend (BaaS) ~ The invisible brain of your app. It stores your data, handles logins, and saves files. Pick Supabase, Firebase, or InsForge ~ all work great and are free to start.
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 real URL.
How This Works
You talk to your AI agent 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. The AI is the builder. You decide what gets built ~ it figures out how to build it. That is the workflow for every lesson in this playbook.
You do not need to understand the code your AI agent writes. You need to understand what it does. This playbook teaches you the 'what' ~ your agent handles the 'how'.
Set Up GitHub & Your AI Agent
Step by step: create a GitHub account, set up your AI coding agent (Claude Code or Codex ~ your choice), 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 ~ Set Up Your AI Coding Agent
Pick one: Claude Code (by Anthropic) or Codex (by OpenAI). Both let you describe what you want in plain English and have it written for you. The prompts in this playbook work with either.
# Install Claude Code globally
npm install -g @anthropic-ai/claude-code
# Then start a session in your project folder
claude
# Docs: https://docs.anthropic.com/en/docs/claude-code/quickstart
# Install Codex CLI
npm install -g @openai/codex
# Then start a session in your project folder
codex
# Docs: https://platform.openai.com/docs/codex
If you don't have npm yet, install Node.js first. Go to nodejs.org and download the LTS version, then restart your terminal.
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?'
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 engine underneath ~ it stores your data, remembers who is logged in, handles file uploads, and runs server-side logic.
Think of it like this: your frontend is the storefront. The backend is the warehouse and database behind it. 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
Supabase ~ Open-source, PostgreSQL-based. Database, auth, storage, edge functions. Great docs, very popular, generous free tier.
Firebase ~ Google-backed. Realtime NoSQL database, auth, hosting, cloud functions. Good for mobile apps too.
InsForge ~ Database, auth, storage, AI functions. Link with one CLI command. Good option if you want everything pre-wired.
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 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.
