A modern, feature-rich notes application built with Next.js 15 and Supabase.
- Framework: Next.js 15 (App Router)
- Language: TypeScript
- Backend: Supabase (Auth + Database + Realtime + Storage)
- Styling: Tailwind CSS v4
- UI Components: Shadcn/ui
- Deployment: Vercel
- π Authentication (Email/Password + Google OAuth)
- π CRUD operations with real-time updates
- β‘ Live collaboration across devices
- π Row Level Security (database-level authorization)
- π¨ Beautiful, responsive UI
- π Dark mode support (planned)
- Node.js 18+
- Supabase account
- Install dependencies:
npm install- Set up environment variables (
.env.local):
NEXT_PUBLIC_SUPABASE_URL=https://xxxxx.supabase.co
NEXT_PUBLIC_SUPABASE_ANON_KEY=eyJhbGc...- Start development server:
npm run dev- APPLICATION_FLOW.md - Architecture and data flow
- ROADMAP.md - Development roadmap
- Supabase Docs - Official setup guide
src/
βββ app/ # Next.js pages and routes
βββ components/ # React components
βββ lib/
β βββ supabase/ # Supabase client utilities
βββ actions/ # Server actions
βββ hooks/ # React hooks (including realtime)
- β Unified backend (auth, database, storage, realtime)
- β Row Level Security for automatic data filtering
- β Real-time updates via WebSockets
- β Auto-generated REST APIs
- β Type-safe with generated TypeScript types
- β Built-in email verification
MIT