A full-stack collaborative solution demonstrating real-time synchronization using Next.js, powered by Legend-State for granular state management and Supabase for backend services. Core capabilities include:
- Real-time bidirectional synchronization: Instant updates with millisecond latency via Supabase Realtime
- Automatic timestamp tracking: Built-in creation and modification time recording
- End-to-end type safety: Strict TypeScript definitions across database models
- Optimized reactivity: Efficient state updates through Legend-State's observable system
Create .env.local
cp .env.local.example .env.localLink Supabase
supabase linkApply Database
supabase db push
Install
pnpm installStart
pnpm run devGenerate types.ts
supabase start
supabase gen types --lang=typescript --local > src/lib/types.ts