All modules
MODULE 01 · THE APP YOUR USERS SEE
Frontend
Every product starts here.
Pages, navigation, forms, and state — the part of the product people actually touch. The playbook standardises on Next.js with the App Router so your agent always knows where files go, and your app is fast by default.
WHEN YOU NEED IT
Every tier, from day one. This is the first card you run.
THE CHOICE, PER TIER
- T1Next.js App Router + TypeScript, one codebase
- T2+ TanStack Query so dashboards feel instant
- T3+ role-based route groups and a PWA shell
SAY THIS TO YOUR AGENT
"Set up a Next.js App Router frontend with TypeScript and a src/ layout. Use feature folders and a typed API client. Keep pages thin — no data logic inside components."
DONE WHEN
- Pages render real data, not hardcoded arrays
- Every screen has loading, empty, and error states
- Usable on a phone — check it at 390px wide
- No secret keys anywhere in frontend code