Guide

Getting Started

• Accounts Setup - Cloud services setup (Neon, Stripe)
• Environment Variables - All env vars reference
• Cloud Services - Service overview
• Deployment - Deploy to Vercel

Development

• TanStack Query - Data fetching + caching
• Forms - React Hook Form + Zod
• Zod Validation - Runtime validation
• Error Handling - Error strategies
• Testing - Vitest unit tests
• E2E Testing - Playwright smoke tests

Payments

• Stripe Payments - Stripe integration

Core Concepts

Type Safety: Database → auto-generated types → used everywhere
Validation: Same Zod schema on client + server
State: TanStack Query handles caching + refetching

Data flow: User input → Form validates → API validates → DB → Cache → UI

See Architecture for system design.