Block 00 — Before you start 00

What can you actually build with this stack?

A lot. And faster than you think. This SOP shows you what is possible before you write a single line of code.

You probably have things you want to do but never find the time for. Train more. Cook better. Learn something new. Spend more time with the people you care about. The tools in this course will not do those things for you. But they will free up the time and energy you need to actually do them.

Every project you build here is a tool that works for you while you are doing something else.

what you will build in this course

Every SOP in this bundle has a task. The tasks connect. By the time you finish the mandatory SOPs, you will have built and shipped a real personal landing page. Not a tutorial exercise. Something live on the internet with your name and a URL you can share.

The landing page is not the point. It is the training ground. Once you know how to build and deploy one project, you know how to build and deploy anything. The next one will take half the time. The one after that will take even less.

SOP 00 to 02
Before you start
Understand what you are building, write a clear PRD, and learn how to prompt an AI coding assistant effectively.
SOP 03 to 06
Build and publish
Build your landing page, get it live on the internet, connect your own domain, and deploy with Vercel.
SOP 07 to 12
Add what your project needs
Optional. Database, authentication, payments, AI. Only do these if your project needs them.
SOP 13
When things go wrong
How to debug with AI. The SOP you will use most often and the one that will save you the most time.
see what is possible before you start

Before you write your PRD, try this. Open Claude, ChatGPT, or any AI assistant and paste this prompt:

Your first prompt — try it right now
Build me a prototype for an animal shelter. The shelter rescues dogs and cats in [your city]. The page should feel warm, emotional, and trustworthy. Include: a hero section with a strong headline, three animals available for adoption with their names and personalities, how the adoption process works in three steps, and a contact form. Show me a preview of how it would look.

Look at what comes back. Something that looks real appeared in seconds from a description in plain language. No code. No technical knowledge. That is what you are going to learn to build and put on the internet.

Your task this week SOP 00
Describe your landing page in one paragraph.

Answer three questions in writing: What is your name and what do you do? Who is this page for? What do you want someone to do after visiting it? Write it as a single paragraph. Just make it honest.

When done A written paragraph describing your landing page. Ready to turn into a PRD in SOP 01.
now go see what is possible

These are real projects built with this exact stack. Each one started as a plain language description, exactly like the paragraph you just wrote. Click any of them and explore.

Finance
Money Flow

See where your money goes and where it can take you.

Fitness
CrossFit Fuel

Tell it whether you are training or resting today. It tells you what to eat and why.

Learning
Learn Hangul

Learn the Korean alphabet through games. More engaging than flashcards.

Cooking
Salad Bar

Pick ingredients, get a dressing that fits, plus the recipe and one chef's trick.

Next — SOP 01
How to write a PRD with AI

Turn what you just wrote into a proper product definition. Ten minutes of clarity that saves hours of confusion.