It works on your laptop.
Then you deploy, and nothing loads. Missing keys, a failed build, a login link that still points to localhost.
v2.0 · September 2026 · PDF guide in English
Build real software with AI. The right way.
Vibe Coding 101 is an engineer's playbook for people who don't code. Learn to direct AI coding agents, test what they build, keep your users' data safe, and put a real app online.
Not ready yet? Start free: ship your first page →The problem
Vibe coding is easy. Until it isn't.
AI can write an app in an afternoon. Most AI-built apps still break on the way to real users. Not because the AI is bad, but because nobody showed the builder the part engineers do.
Every fix breaks something else.
You paste the error, the AI changes six files, and an hour later nobody knows what changed or why.
Your data is open and you don't know it.
No database access rules, a secret key in the browser, a user ID anyone can fake. The app works. That's the problem.
The method
One loop for every feature.
The same eight steps take you from a button to a billing system. You define and decide. The AI builds. Every module of the guide trains one part of this loop.
- 01DEFINEWhat done means
- 02PLANBefore any code
- 03BUILDIn small steps
- 04TESTLike a user would
- 05FIXWith evidence
- 06REVIEWRead the diff
- 07COMMITA safe checkpoint
- 08SHIPTo production
What you'll build
From an empty folder to a live, secure app.
You build one real project through the whole guide, a task manager with accounts, and put it online in Module 03, before it does anything. Every feature after that travels the same road to production.
Next.jsSupabaseVercelGitHubAuggie or Claude Code
- A Next.js app on its own URL, deployed on every push
- Sign up and login with Supabase Auth
- A database where each user sees only their own data
- Automated tests that catch what the AI breaks
- A Git history you can read and undo, with pull requests
- CI checks, error tracking, uptime alerts and a practiced rollback
What's inside
13 modules. Each one ends with a hands-on exercise.
- 01The New Way to Build SoftwareThe mindset, and the one workflow you will use everywhere.
- 02Your AI Builder SetupInstall everything, learn just enough terminal, meet your agent.
- 03Your First Project: From Zero to LivePut a real app online before it does anything.
- 04The Vibe Coding WorkflowDefine, plan, build, test, fix, review, commit, ship.
- 05Prompting Your AI Coding AgentInstructions the agent actually follows.
- 06Context EngineeringStop re-explaining your project. Write AGENTS.md once.
- 07Git & Version Control With AIKnow what changed, and how to undo it.
- 08Debugging With AIEvidence first, root cause second, smallest fix last.
- 09Testing With AITests that prove your app still works tomorrow.
- 10Architecture & Code QualityKeep a growing app understandable.
- 11Security for AI BuildersSecrets, authorization, row level security, abuse.
- 12Deploy & ProductionEnvironments, CI, migrations, monitoring, rollback.
- 13Bonus: Existing CodebasesTake over code you did not write.
A look inside
Prompts you can copy. Commands you can trust.
Every module comes with copy-ready prompts, exact commands and a checklist. The Prompt & Command Pack puts all of them in one plain-text file, so nothing breaks when you paste.
Prompt · Investigate first
Investigate the root cause of this issue. Explain what is happening and why, with file references. Don't change anything yet.
Terminalbash
$ git status $ git diff $ git add app/tasks/actions.ts lib/tasks.ts $ git commit -m "fix: validate task title on the server"
Warning
Deleting the commit does not un-leak a key. Rotate it in the dashboard immediately.
Start free
Ship your first page. Free.
A short guide that takes you from nothing installed to a landing page on your own domain, built with an AI agent and deployed on Vercel. The same method as Vibe Coding 101, on one page.
- 01Set up your tools
- 02Define your page
- 03Build it with your agent
- 04Ship it to your own domain
- 05Before you tell anyone
- 06What your page can't do yet
This is for you if
- You have an idea and want to build it yourself.
- You tried an AI app builder and hit a wall.
- You run a business and want internal tools without hiring a team first.
- You want to understand what the AI is doing, not just hope it works.
It's not for you if
- You want a tool that builds the whole app with one prompt.
- You're looking for a video course.
- You won't do the exercises. The guide works by building.
Get the guide
One guide. One price. Free updates.
Besides the guide you'll need a computer and one AI coding agent subscription, Auggie or Claude Code. GitHub, Vercel and Supabase all have free plans to start.
Vibe Coding 101 · PDF guide
€19.90one-time
- 13 modules, from zero to a live app
- 90 copy-ready prompts in the Prompt & Command Pack
- 13 hands-on exercises on one real project
- Security and pre-launch checklists
- Free updates for version 2
Instant download after payment. Have a discount code? Enter it at checkout.
FAQ
Questions before you start
Do I need to know how to code?
No. The guide assumes you have never opened a terminal. You will read some code along the way, and every module shows you how to ask the AI to explain it.
What else will I need to pay for?
One AI coding agent subscription: Auggie (Augment Code) or Claude Code. GitHub, Vercel and Supabase all have free plans to start.
Is it a video course?
No. It is a designed PDF guide in English, plus the Prompt & Command Pack as a plain-text file you can copy from.
Which stack does it use?
Next.js with TypeScript and Tailwind, Supabase for the database and login, Vercel for hosting, GitHub for your code. One popular stack from start to finish, so the AI knows it well.
Will it be outdated when the tools change?
The workflow does not change when the tools do. When commands or tools change, the guide gets an update, and version 2 updates are free.
Can I build a real business app with it?
Yes, that is the point. Modules 11 and 12 cover security and production. For payments, health data or other sensitive data, the guide tells you when to bring in a professional review.
Your next feature is one loop away.
Define it. Plan it. Build it. Ship it. With an AI partner and an engineer's method.
Get the guide · €19.90