Developer Documentation
Welcome to the Kanvas developer documentation
🧩 Kanvas — Developer Documentation
Welcome to the Kanvas developer documentation.
Kanvas is a modern collaborative workspace platform built with Next.js 15, Better Auth, Supabase, Prisma, Redux Toolkit, and Redis.
Think of it as your personalized workspace — combining Kanban boards, task tracking, and notes in one reactive, real-time environment.
🚀 Vision
Kanvas aims to be a developer-grade productivity platform — showcasing:
- Full-stack architecture best practices.
- Real-time collaboration.
- Modular, maintainable code design.
- Industry-level authentication and deployment setup.
This project is intentionally designed as a portfolio-level fullstack application to master:
- Next.js backend + frontend integration.
- Auth & role-based access.
- Database modeling with Prisma.
- State management with Redux Toolkit.
- Caching and real-time data with Redis.
📦 Tech Stack Overview
| Layer | Technology | Purpose |
|---|---|---|
| Frontend | Next.js 15 (App Router) | UI, API routes, server actions |
| State Management | Redux Toolkit | Client-side global state |
| Auth | Better Auth | Secure authentication, social logins |
| Database | Supabase (PostgreSQL) + Prisma ORM | Relational data modeling |
| Cache / Realtime | Upstash Redis | Board/task caching, real-time sync |
| Docs | Fumadocs | Developer documentation |
| Code Quality | ESLint, Prettier, Husky | Formatting and linting hooks |
| Deployment | Vercel | Hosting frontend + backend |