Loading build plan…
Loading build plan…
Keep notes, documents, and shared knowledge in one place. Start with this plan for your own team workspace.
Built with
Click a page in the tree. Edit blocks inline. Press / on a new line for the slash menu. ⌘K for instant search. Real-time presence on the top-right.
This is a live mock. Same UX you ship after pasting PROMPT.md into Claude Code.
Same UX. Different ownership model. Compare the four things that matter once you go past the demo.
| Comparison axis | Notion | Need for Build build plan |
|---|---|---|
| Pricing | $8–15 per user, per month. Forever. | Free forever. You pay only your own hosting (Supabase free tier covers the first 50K MAU). |
| Data ownership | Their servers, their region, their backup policy. Export is your only escape. | Your Supabase project, your S3 backups, your region. The data never leaves your infra. |
| Privacy | Their compliance posture, their employees with access, their AI training opt-outs. | RLS-scoped per workspace. Only your team — and the rows your policies allow. |
| Extensibility | The blocks they ship. The widgets they approve. Wait for the roadmap. | Full Next.js + Drizzle source. Fork any block, ship any view, glue any integration today. |
Every file the build plan ships, with size and one-line description. Download once, build forever.
CLAUDE.mdProject config for Claude Code — tech stack, commands, code style, critical rules. Under 100 lines, read first.
ARCHITECTURE.mdDrizzle schema for workspaces, pages (ltree), blocks (JSONB), members, comments. RLS policies, tRPC routers, ProseMirror schema doc.
PRD.md9 features (F1–F9) with acceptance criteria, must-have vs. nice-to-have prioritization, perf targets for editor latency.
SECURITY.mda systematic check of how apps like yours get attacked, the ten most common ways apps get broken into, GDPR data inventory, security headers config.
MARKETING.mdPositioning vs. category leader, persona, GTM phases, channel strategy, growth loops.
PROMPT.md7 sequential steps: foundation → DB schema + RLS → auth + onboarding → page tree + ltree → TipTap editor + block CRUD → members + invites + realtime presence → comments + search + billing + polish.
ARCHITECTURE_CROSSCHECK.mdSecond-opinion architecture review: GPT + Gemini independently critique the plan, consolidated into confirmations, corrections, and concrete diffs.
api-guide.htmlZero-jargon visual guide (opens in your browser): create accounts, get API keys, fill .env, push to GitHub, deploy on Vercel.
lib/mock/index.tsTyped mock dataset — click through the full UI with realistic data before connecting real services.
assets/manifest.jsonMachine-readable package inventory with generation timestamps.
Each pick justifies its slot in the bundle — and every piece is swappable.
The tools this build plan uses — your AI coding tool sets them up for you.
Server Components default, edge runtime native, useOptimistic + Server Actions standard 2026 pattern.
Multi-tenant with workspace_id JWT claim. Page tree stored as ltree path for fast subtree queries.
Block-based editor with 50+ extensions: headings, lists, code, mentions, embeds, slash commands.
Edge-compatible, no codegen, smaller bundle. Direct SQL for ltree page-tree queries.
Type-safe internal API for workspace/page/block CRUD without REST plumbing.
@theme directive, perceptually-uniform palette for the customizable workspace themes.
Server Components default, edge runtime native, useOptimistic + Server Actions standard 2026 pattern.
Multi-tenant with workspace_id JWT claim. Page tree stored as ltree path for fast subtree queries.
Block-based editor with 50+ extensions: headings, lists, code, mentions, embeds, slash commands.
Edge-compatible, no codegen, smaller bundle. Direct SQL for ltree page-tree queries.
Type-safe internal API for workspace/page/block CRUD without REST plumbing.
@theme directive, perceptually-uniform palette for the customizable workspace themes.
Start from the wiki, end up shipping something else. Each fork is a copy-paste away from the demo.
pages → handbook docs · tree → org structure · SCIM-synced groups · own the audit log
pages → public articles · `published` toggle · slug routes outside workspace · ship your own Algolia
pages → meeting notes + specs · link blocks → Linear/GitHub issues · weekly digest from your domain
pages → recipes · DB views → cuisine/diet/cost · cross-linked sub-pages · no per-seat tax
pages → call transcripts · tag by sentiment · weekly digest to Slack · keep the data forever
Every directory, every route, every migration. What you’ll see right after `unzip`.
Every folder and file you'd get, named exactly as they'll appear on your computer.
workspace-wiki/
├── 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
│ ├── page.tsx
│ ├── (auth)/
│ │ ├── login/page.tsx
│ │ └── auth-callback/route.ts
│ ├── [workspace]/
│ │ ├── layout.tsx
│ │ ├── page.tsx
│ │ ├── [pageId]/page.tsx
│ │ ├── search/page.tsx
│ │ └── settings/{members,billing,export}/page.tsx
│ └── api/trpc/[trpc]/route.ts
├── components/
│ ├── editor/
│ │ ├── tiptap.tsx
│ │ ├── slash-menu.tsx
│ │ └── extensions/{mention,embed,callout,code}.tsx
│ ├── page-tree/
│ │ ├── tree-view.tsx
│ │ └── breadcrumbs.tsx
│ ├── db-views/{table,gallery,kanban}.tsx
│ └── ui/
├── server/
│ ├── api/routers/{workspace,page,block,member,comment}.ts
│ └── db/schema/*.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.sqlEach one works the same way: paste PROMPT.md into your AI coding tool and launch.
Slack-inspired
Channels + DM + threads + realtime presence. Fork into customer chat, community platform, internal team tool.
View build plan →Cal.com-inspired
Cal.com-style scheduling, code-owned. Self-host multi-host bookings + Stripe payments. Fork into consultations, classes, restaurant reservations.
View build plan →Linktree-inspired
Personalized bio page + click tracking + UTM + theme presets. Fork into creator landing, portfolio, event page, app smart-link.
View build plan →Gorgias-inspired
Gorgias-style e-com helpdesk, code-owned. Widget + agent inbox + Shopify order context + AI replies. Fork into support, sales chat, onboarding bot.
View build plan →Mailchimp-inspired
List management + drag-drop editor + automation triggers. Fork into newsletter, drip campaigns, transactional service.
View build plan →Zapier-inspired
Zapier-style automation builder, code-owned. Trigger nodes + action nodes + run history. Fork into approval flows, lead routing, sync jobs.
View build plan →Loom-inspired
Loom-style async video, code-owned. Record + chunked upload + share link + viewer analytics. Fork into tutorial vault, sales demos, internal training.
View build plan →Hubspot-inspired
Contacts + deals + pipeline stages + email tracking + activity log. Fork into B2B CRM, partner pipeline, investor relations.
View build plan →Patagon.ai-inspired
WhatsApp AI lead qualification, code-owned. Conversational qualifier + Meta CAPI + Google Calendar + CRM sync. Fork into automotive, real-estate, education, healthcare funnels.
View build plan →