CollabSpace is a high-performance, full-stack task collaboration platform designed for modern software teams. Inspired by industry leaders like Linear and Trello, it serves as a showcase of production-grade engineering, featuring a multi-tenant architecture, end-to-end type safety, and event-driven background processing.
URL: https://collab-space-gilt.vercel.app/
This project was built with a focus on Type Safety, Scalability, and Developer Experience (DX).
- Framework: Next.js 16 (App Router, Server Components, Suspense)
- API Layer: tRPC for 100% end-to-end type safety between the client and server.
- Database: PostgreSQL managed via Drizzle ORM for high-performance SQL with type-safe schemas.
- Authentication: Better Auth with Multi-tenancy (Organizations) support.
- Background Jobs: Inngest for serverless, event-driven workflows (e.g., automated emails).
- Styling: Tailwind CSS with shadcn/ui for accessible, headless components.
- State Management: TanStack Query (React Query) for robust server-state caching and optimistic UI updates.
- Validation: Type-safe schema validation using Zod.
- Deployment: Vercel (Serverless Edge).
- CI/CD: GitHub Actions for automated linting, type-checking, and building.
- Infrastructure: Docker Compose for local development (Postgres, Redis).
- Users can create and belong to multiple Workspaces.
- Role-based access control (Owner, Admin, Member) via
@better-auth/organizations. - Custom workspace slugs and dynamic routing.
- Full CRUD operations for boards and tasks.
- Column-based task management (Todo, In Progress, Done).
- Optimistic UI: Instant feedback when moving or editing tasks, with background synchronization.
- Automated workspace invitations.
- Email notifications for task assignments and system alerts.
- Retriable background jobs handled by Inngest.
I am building this project in phases, following a rigorous engineering specification.
- Collaboration: Threaded comments on tasks and a persistent activity feed.
- Time Tracking: Integrated task timers and basic duration reporting.
- Testing Infrastructure: Expanding E2E coverage with Playwright and deeper tRPC integration tests with Vitest.
- Observability: Sentry integration for error tracking and structured JSON logging for server logs.
- Real-Time Sync: Implementing Server-Sent Events (SSE) for live multi-user board updates.
- Offline-First PWA: Service worker asset caching and an offline mutation queue for mobile-ready usage.
- Public REST API: A documented API surface with Bearer token authentication for external integrations.
I've prioritized Developer Experience so the project can be spun up with minimal effort:
- Clone the repo:
git clone ... - Infrastructure: Run
docker-compose up -dto start local Postgres and Redis. - Install:
pnpm install - Database:
pnpm db:pushto sync the schema. - Dev Server:
pnpm dev
This isn't just a "todo app." It’s an exploration of how to build resilient and type-safe distributed systems on the web.
- Strict Typing: No
any. Every piece of data from the database to the button click is typed. - Optimistic UI: Every mutation is designed to feel instantaneous, masking server latency for a superior user experience.
- Scalable Multitenancy: The database and auth layers are built to support thousands of isolated organizations from day one.
Built with ❤️ for a better collaboration experience.