Prologue
The whole stack is a restaurant 🍽️
Before any detail, hold this one picture in your head. Every tool in this guide has a job in the same kitchen. If you forget what something does, ask: "who is it in the restaurant?"
📜
JavaScript · TypeScript · Python
The recipe languages
The languages recipes are written in. TypeScript is JavaScript with labels on every jar.
🔥
Node.js · Bun
The stove
The thing that actually cooks JavaScript recipes outside the browser.
🚚
npm · npx · pip / uv · venv
The suppliers
Deliver ingredients (packages) from a giant market. npx borrows a tool for one job; a venv is each Python project's own spice rack.
🔪
Vite
The prep station
Chops, preps and plates at lightning speed while you're still developing.
🍱
React
The plating system
Builds what the guest sees out of reusable pieces.
🏪
Next.js
The whole dining room
React plus menu, waiters, tables and the front door — a complete restaurant.
🧾
FastAPI
The order counter
Where the Python kitchen takes orders — strictly, quickly, with a printed menu.
🛎️
API · Webhook
Order window + doorbell
The API is the window you pass orders through. A webhook is the kitchen ringing your bell when it's ready.
🏦
Supabase
Pantry + bouncer + mailroom
Storage, ID checks at the door, and live announcements — rented as one building.
🍷
Vector DB
The sommelier
Finds things by taste: "something smoky, like last Tuesday's" — not by exact name.
🔌
LangChain
Universal appliance adapters
Any AI model, any database, same plug.
👩🍳
LangGraph
The head chef's flowchart
Taste → adjust → taste again. Loops, decisions, memory.
♻️
Loops · Graphs in AI
The tasting habit
Taste, adjust, taste again — the loop every agent runs. Graphs are the map of what happens next.
🏅
Evals
The food critic
Scores 200 dishes so you know the new recipe is truly better.
📈
OpenBB
The market scout
Brings back prices from every market stall, translated into one language.
🎫
JSON · JSONC · YAML
Order tickets
Same information, three handwriting styles — strict, annotated, or tidy-indented.
🔍
CI/CD · GitHub Actions
Inspector + delivery robot
Tastes every new tray automatically, and ships it only if it passes.
📦
Docker · Kubernetes
Meal kits + franchise manager
Docker seals each dish in a box that cooks the same anywhere. Kubernetes keeps the right number of kitchens open.
🌍
VPS · CDN
Rented kitchen + pickup lockers
A VPS is your own kitchen in a shared building. A CDN stocks lockers in every neighbourhood so food arrives fast.