Skip to main content

​
What is Collabute

Collabute is a Next.js + Convex powered collaboration platform for teams. It provides admin surfaces, GitHub integration, conversations, an AI Wizard, and a minimal, accessible UI.

Quickstart

Set up your environment and start developing.

Architecture

Frontend, backend, data flow, and providers.

Domains

Users/Roles, Projects/Products, Media, Transactions, Blogs, Issues/Messages.

​
Brand and theme

  • Primary color: darkPrimary
  • Palette: black and white only
  • Text: black on white; white on darkPrimary
  • States: opacity/underline/grayscale only
{
  "name": "Collabute",
  "colors": {
    "primary": "darkPrimary",
    "background": "#FFFFFF",
    "text": "#000000"
  }
}

​
Tech stack

  • Next.js App Router, TypeScript (strict), TailwindCSS, shadcn/ui
  • Convex for backend functions, database, and auth
  • Bun as package manager
  • TipTap editor with MDX utilities

​
Key areas

Integrations

GitHub app + webhooks; Cal.com; Social preview.

AI Wizard

Generators for names, descriptions, features, tracks, tasks.

Security

Convex auth, RBAC, webhook signature verification.

​
UI/UX principles

  • Minimal, consistent, accessible
  • shadcn-based components in components/ root
  • Strict TypeScript; no any; colocated hooks for data