Zero to Product
How someone with zero coding experience builds a product with AI
黃志弘 Leo
跟 AI 一起做東西的筆記
This series is the whole path I took, from not writing a single line of code to a product built with AI that makes money. Each piece covers one concept. Once you have them, you and AI speak the same language.
My AI creator journey
I hope my story and what I learned help you, whatever you are working on
The mistakes people make before they start
I made every one of these, and more than once
Talking product architecture with AI
Frontend, backend, database, UI/UX, in plain words
How the parts fit together
APIs, data flow, static vs dynamic, dev vs production
Before you start: the tools you need
Antigravity / VS Code / Claude Code / Cursor
Build your first web page with AI
Why a web page has three layers, plus the three levels of instruction for changing one
Think the screen through in Figma
Decide what you want it to look like before you ask AI to build it
GitHub: version control
Why your work should not live only on your laptop
Vercel: deploy and go live
From your laptop to anyone in the world
Domains + Cloudflare
Give your site a professional address
Supabase: the database
Where the data lives and how it gets stored
Login systems
Authentication, authorization, OAuth
API integration
Talking to other people's systems
Debug + testing
How to get AI to fix a bug for you
Scheduled automation
Let the system run on its own
From website to product
Thinking about the business side
Security basics
API keys, environment variables, where passwords go, why sites get hacked