Lesson 1: Foundations & Toolchain — Production-Ready Dev Environment
Every project has a moment when `pnpm dev` doesn't start. The problem isn't always obvious. This lesson teaches you to read Vite, Supabase, and TypeScript config — so you know exactly what's broken and why.
A scaffold is the skeleton of your app — like a frame before you add walls. If the skeleton is wrong, everything you add on top behaves strangely.
- scaffold
- Starting template for a project — config files, dependencies, and CI that already work together.
- RLS (Row Level Security)
- A PostgreSQL mechanism that lets each row determine who can read it, based on the authenticated user's identity.
- source maps
- Files that link the built JavaScript back to the original TypeScript lines — so Sentry can show you exactly where the error was.
- HMR (Hot Module Replacement)
- Vite's ability to update parts of the app in the browser without a full page reload.
