The Stack
⚡
Vite
Lightning-fast builds and HMR
⚛️
React
Component model with concurrent features
🔀
TanStack
Type-safe routing, queries, tables, forms
🛡️
Effect
Typed errors, DI, schema validation
💾
Prisma
Type-safe ORM with migrations
🎨
Tailwind + shadcn/ui
Utility CSS with accessible components
46 Chapters · 10 Parts · Full Lifecycle
PART 1Foundations
Project setup, TypeScript, folder structure
PART 2Core Architecture
Clean architecture, Effect, services, error handling
PART 3UI & Components
shadcn/ui, Tailwind v4, component patterns, a11y
PART 4Routing
TanStack Router, type-safe navigation, search params
PART 5Data & State
TanStack Query, Zustand, forms, tables, real-time
PART 6Backend & API
API design, Prisma, auth, RBAC
PART 7Testing
Vitest, React Testing Library, Playwright
PART 8Performance
React optimization, bundles, rendering
PART 9DevOps
Docker, CI/CD, monitoring, OpenTelemetry
PART 10Advanced
i18n, uploads, notifications, search, security