Slack is locked. This isn't.

A Slack-style chat you own.

Channels + DM + threads + realtime presence — yours to fork into a customer chat, a community, an internal helpdesk. The code is yours. Forever.

Next.js 16 + RSCSupabase RealtimeDrizzle ORMtRPC + REST hybridweb-push + service workerTailwind v4 + OKLCH

See what's inside ↓

What you ship

A working Slack-style team chat.

Switch channels, send a message, type @ for mentions or / for slash commands. Hover any message to react. Realtime presence + threads — no backend, all client state.

# engineering· Code, deploys, post-mortems. PRs auto-cross-post.

Marie ChenEng06:04 AM

Heads up — RLS migration ships at 14:00 UTC. Read replica will lag ~30s during apply.

Tao NguyenEng06:06 AM

Which tables touched? I want to ack on the dashboard query side.

Marie ChenEng06:07 AM

All workspace-scoped: workspaces, members, projects, issues, comments. Plus the v_dashboard_stats view.

🤖

Build BotBot06:34 AM

🤖 PR #1283 merged — `db: tighten workspace_id RLS` (Marie Chen, +312 / -84).

Jules KhanDesign07:04 AM

Side note: we should probably add a STRIDE row for the cross-tenant projection escape we discussed.

Sam RiveraPM07:29 AM

@Marie can we pair on the rollout checklist after standup?

↩ to send·⇧↩ for new line·@ mention · / commands

Live mock — same UX you ship after pasting PROMPT.md into Claude Code.

Why this, not Slack.

You're not subscribing. You're cloning.

Same chat UX. Different ownership model. Read the four things that change everything once you go past the free plan.

Comparison axis	Slack	Need for Build scaffold
Pricing	$7.25–12.50 per user, per month. Retention paywall on the free plan.	Free forever. Pay only your own hosting. Full message history kept forever.
Data ownership	Salesforce's servers. Export is your only escape.	Your Supabase project, your S3 file uploads. Data never leaves your infra.
Privacy	Their compliance posture. AI training opt-outs by plan.	RLS-scoped per workspace. No AI training. Only your team has access.
Extensibility	The bots they approve in their app directory. Slow API rate limits.	Full Next.js + Realtime source. Bot, hook, slash-command — ship it today.

What you ship

Ten files. One paste into Claude Code.

Every file the scaffold ships, with size and one-line description. Download once, build forever.

CLAUDE.md4.8 KB

Project config for Claude Code — tech stack, commands, code style, critical rules. Under 100 lines, read first.

ARCHITECTURE.md10.1 KB

Drizzle schema for workspaces, channels, members, messages, threads, reactions, presence. RLS policies, Realtime channel topology, push delivery flow.

PRD.md8.0 KB

12 features (F1–F12) including @-mentions, /commands, file uploads, search, threads. MVP/P1/P2 split.

SECURITY.md14.6 KB

STRIDE on real-time message tampering, OWASP 2025, GDPR data inventory, content moderation hooks, retention controls.

MARKETING.md9.9 KB

Positioning vs. category leader, persona, GTM phases, channel strategy, growth loops.

PROMPT.md9.5 KB

8 sequential steps: foundation → DB schema + RLS → auth + onboarding + workspaces → channels + DMs → messages + Realtime CDC → threads + presence + typing → @mentions + web-push → search + uploads + slash commands + billing + polish.

ARCHITECTURE_CROSSCHECK.md22.0 KB

Second-opinion architecture review: GPT + Gemini independently critique the plan, consolidated into confirmations, corrections, and concrete diffs.

api-guide.html7.6 KB

Zero-jargon visual guide (opens in your browser): create accounts, get API keys, fill .env, push to GitHub, deploy on Vercel.

lib/mock/index.ts2.8 KB

Typed mock dataset — click through the full UI with realistic data before connecting real services.

assets/manifest.json0.3 KB

Machine-readable package inventory with generation timestamps.

Stack

Realtime done right.

Supabase Realtime, Drizzle, web-push — no third-party message broker.

Next.js 16 + RSC

Server Components for channel lists, client islands for the chat surface only.

Supabase Realtime

Phoenix Channels handle millions of WebSocket connections. Postgres CDC streams new messages instantly.

Drizzle ORM

Type-safe message + channel queries. Cursor pagination on indexed timestamp columns.

tRPC + REST hybrid

tRPC for in-app actions, REST handlers for slash-command webhooks and bot integrations.

web-push + service worker

Native browser notifications without push provider lock-in. Self-hosted VAPID.

Tailwind v4 + OKLCH

Themeable workspace colors. High-contrast tokens for unread badges and presence dots.

Fork patterns

Same engine. Five different products.

Start from team chat, end up shipping a community, helpdesk, or live event app.

Customer-facing chat

channels → 1-public + agent inbox · presence → "support online" badge on website · embed widget

Community platform

channels → public + role-gated · DM → DMs disabled or moderated · add threads-as-forum mode · own the moderation

Internal-only Slack

channels → SCIM-synced from IdP · no public sign-up · own audit log + retention policy

Live event chat

channels → 1 per event · presence → attendee count · auto-archive 24h after event ends

Per-customer war room

channels → 1 per customer account · invite Slack-Connect-style · all transcripts in your warehouse

Architecture

The whole file tree.

Every directory, every route, every migration. What you'll see right after `unzip`.

team-chat/
├── CLAUDE.md
├── PROMPT.md
├── README.md
├── ARCHITECTURE.md
├── PRD.md
├── SECURITY.md
├── MARKETING.md
├── design-tokens.css
├── logo.svg
├── .env.example
├── next.config.ts
├── tailwind.config.ts
├── drizzle.config.ts
├── tsconfig.json
├── package.json
├── app/
│   ├── layout.tsx
│   ├── (auth)/login/page.tsx
│   ├── [workspace]/
│   │   ├── layout.tsx
│   │   ├── (channels)/[channelId]/page.tsx
│   │   ├── (dms)/dm/[memberId]/page.tsx
│   │   ├── threads/[threadId]/page.tsx
│   │   ├── search/page.tsx
│   │   └── settings/{members,channels,integrations}/page.tsx
│   └── api/{trpc/[trpc],webhooks/[provider],push/subscribe}/route.ts
├── components/
│   ├── chat/
│   │   ├── message-list.tsx
│   │   ├── message-composer.tsx
│   │   ├── mention-autocomplete.tsx
│   │   └── slash-commands.tsx
│   ├── presence/{indicator,who-is-here}.tsx
│   ├── threads/thread-pane.tsx
│   └── ui/
├── server/api/routers/{workspace,channel,message,thread,reaction,presence}.ts
├── lib/
│   ├── env.ts
│   ├── supabase/{client,server,admin}.ts
│   ├── auth/helpers.ts
│   └── rate-limit.ts
├── hooks/
├── types/
├── middleware.ts
├── tests/e2e/
└── supabase/migrations/
    ├── 0001_initial.sql
    ├── 0002_rls_policies.sql
    └── 0003_indexes.sql

WhatsApp AI lead qualification, code-owned. Conversational qualifier + Meta CAPI + Google Calendar + CRM sync. Fork into automotive, real-estate, education, healthcare funnels.

View scaffold →

Loading scaffold…

# engineering· Code, deploys, post-mortems. PRs auto-cross-post.

Marie ChenEng06:04 AM

Heads up — RLS migration ships at 14:00 UTC. Read replica will lag ~30s during apply.

Tao NguyenEng06:06 AM

Which tables touched? I want to ack on the dashboard query side.

Marie ChenEng06:07 AM

All workspace-scoped: workspaces, members, projects, issues, comments. Plus the v_dashboard_stats view.

🤖

Build BotBot06:34 AM

🤖 PR #1283 merged — `db: tighten workspace_id RLS` (Marie Chen, +312 / -84).

Jules KhanDesign07:04 AM

Side note: we should probably add a STRIDE row for the cross-tenant projection escape we discussed.

Sam RiveraPM07:29 AM

@Marie can we pair on the rollout checklist after standup?

↩ to send·⇧↩ for new line·@ mention · / commands

Slack

Need for Build scaffold

Pricing

$7.25–12.50 per user, per month. Retention paywall on the free plan.

Free forever. Pay only your own hosting. Full message history kept forever.

Data ownership

Salesforce's servers. Export is your only escape.

Your Supabase project, your S3 file uploads. Data never leaves your infra.

Privacy

Their compliance posture. AI training opt-outs by plan.

RLS-scoped per workspace. No AI training. Only your team has access.

Extensibility

The bots they approve in their app directory. Slow API rate limits.

Full Next.js + Realtime source. Bot, hook, slash-command — ship it today.

team-chat/ ├── CLAUDE.md ├── PROMPT.md ├── README.md ├── ARCHITECTURE.md ├── PRD.md ├── SECURITY.md ├── MARKETING.md ├── design-tokens.css ├── logo.svg ├── .env.example ├── next.config.ts ├── tailwind.config.ts ├── drizzle.config.ts ├── tsconfig.json ├── package.json ├── app/ │ ├── layout.tsx │ ├── (auth)/login/page.tsx │ ├── [workspace]/ │ │ ├── layout.tsx │ │ ├── (channels)/[channelId]/page.tsx │ │ ├── (dms)/dm/[memberId]/page.tsx │ │ ├── threads/[threadId]/page.tsx │ │ ├── search/page.tsx │ │ └── settings/{members,channels,integrations}/page.tsx │ └── api/{trpc/[trpc],webhooks/[provider],push/subscribe}/route.ts ├── components/ │ ├── chat/ │ │ ├── message-list.tsx │ │ ├── message-composer.tsx │ │ ├── mention-autocomplete.tsx │ │ └── slash-commands.tsx │ ├── presence/{indicator,who-is-here}.tsx │ ├── threads/thread-pane.tsx │ └── ui/ ├── server/api/routers/{workspace,channel,message,thread,reaction,presence}.ts ├── lib/ │ ├── env.ts │ ├── supabase/{client,server,admin}.ts │ ├── auth/helpers.ts │ └── rate-limit.ts ├── hooks/ ├── types/ ├── middleware.ts ├── tests/e2e/ └── supabase/migrations/ ├── 0001_initial.sql ├── 0002_rls_policies.sql └── 0003_indexes.sql