Design theme
Customize ~ more themesZero to production
You have ideas but no way to build them. Hiring a developer costs thousands, so the idea sits in your notes app.
AI changed that. Your agent writes the code from plain English ~ this playbook gives you the exact words, from blank screen to paying users.
Hi, I'm Abie
I'll walk you through every click.
~ Start here
Phase 1 free, right here.
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.
~ Next step
Done reading?
Ship something real.
Playbooks go deep. Ship Yours goes fast ~ 6 weeks, 6 people, live sessions where we build your MVP together and actually launch it.
The 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
Drop your email.
Unsubscribe any time. No spam, ever.
