Week 12 Documentation

Interactive Side-by-Side Code Documentation

Comments on LEFT • Code on RIGHT • Full TSX Syntax Highlighting

Next.js + Firebase

Full-stack with Firestore, real-time, and Firebase Auth

✓ Client-side rendering
✓ Firestore NoSQL
✓ Real-time listeners
✓ Firebase Storage
Explore Documentation →

Next.js + Supabase (Postgres)

SSR + CSR with PostgreSQL, API Routes, Server Actions, Middleware

✓ Server Components
✓ Row Level Security
✓ API Routes
✓ Server Actions
✓ Middleware
Explore Documentation →

Next.js + Supabase + Drizzle

Type-safe ORM with perfect TypeScript inference

✓ Drizzle ORM
✓ Type inference
✓ SQL-like queries
✓ Migrations
Explore Documentation →

React (Vite) + Firebase

Simple SPA with fast Vite build tool

✓ SPA architecture
✓ Vite HMR
✓ React Router
✓ Code splitting
Explore Documentation →

React (Vite) + Supabase

PostgreSQL in browser with RLS

✓ PostgreSQL SPA
✓ RLS from client
✓ Type generation
✓ Open-source
Explore Documentation →

Built with Next.js • Monaco Editor • Interactive Navigation