Build the whole thing, in order
A catalog tells you what exists. These tell you what to take and in what order — and, at every step, why it goes there rather than somewhere else. The ordering is the part worth copying.
11 paths · 72 steps · beginner paths first
- Beginner~30 minutes8 steps
Build a landing page
Eight blocks, in the order that converts.
Start - Beginner~15 minutes6 steps
Launch a waitlist page
One screen, one field, live in an evening.
Start - Beginner~20 minutes6 steps
Ship a complete auth flow
Every screen a real sign-in needs, including the ones people forget.
Start - Beginner~25 minutes6 steps
Onboard a new user
The first ten minutes, from sign-up to first real action.
Start - Beginner~15 minutes6 steps
Handle the states nobody designs
Loading, empty, error, missing — the four screens that decide whether it feels finished.
Start - Beginner~20 minutes5 steps
Build a settings area
Five screens, in the order people go looking for them.
Start - Beginner~15 minutes5 steps
Publish what you shipped
A changelog, a roadmap, and a way to hear about both.
Start - Intermediate~25 minutes7 steps
Build an internal dashboard
The shell, the numbers, and the table underneath.
Start - Intermediate~25 minutes5 steps
Add billing and usage
From the price on the marketing page to the invoice in the account.
Start - Intermediate~40 minutes8 steps
Build a storefront
Browse, choose, buy — the whole commerce path.
Start - Intermediate~45 minutes10 steps
Build an AI assistant
From the blank thread to an action the user actually approved.
Start