Web Design

Draftboard

A shared space for teams to post designs, ideas, and work in progress.

Draftboard

Draftboard is a shared space for teams to post designs, ideas, and work in progress. In distributed teams, meaningful work often disappears into Slack threads or gets buried inside Figma. Draftboard brings that work back into the open with a lightweight, social feed.

Features

  • Feed — Reverse chronological feed with list and grid views
  • Rich Editor — Lexical-based with markdown shortcuts, @mentions, slash commands, drag-and-drop, paste, and auto-draft saving
  • Attachments — Images, videos, files, Figma links, Loom recordings with carousel viewer
  • Projects — Organize posts with cover images, descriptions, and team members
  • Comments — Threaded (2 levels deep), with attachment-specific comments
  • Reactions — Like, wow, cool + custom emoji
  • Notifications — Comments, replies, mentions, reactions
  • Search — Full-text across posts, projects, and people
  • Webhooks — Discord and Slack integrations for new posts
  • Admin — User management, invite links, site settings
  • Dark Mode — Full light/dark theme support
  • Mobile PWA — Fully mobile-optimized, works on iOS and Android home screens

Tech Stack

LayerTechnology
FrameworkNext.js 15 (App Router, Turbopack)
APItRPC v11 + React Query
DatabasePostgreSQL + Prisma ORM
AuthNextAuth.js v5 — Credentials, Okta SSO, or Google Workspace
StorageCloudflare R2 (S3-compatible)
UIshadcn/ui + Tailwind CSS v4
EditorLexical
TestingVitest + Storybook