Loading build plan…
Loading build plan…
Give people one page to find your links, work, and latest updates. Start with a plan for your own profile page.
Built with
Reorder links, swap themes, hide what's stale. Click any link in the preview — the counter ticks up + the 7-day trend sparkline reflows. Five preset themes; instant swap.
Live mock — same UX you ship after pasting PROMPT.md into Claude Code.
Same bio-page UX. Different ownership model. The four things that matter once you actually drive traffic.
| Comparison axis | Linktree | Need for Build build plan |
|---|---|---|
| Pricing | $5–24 per month. Free plan shows Linktree branding ads. | Free forever. No ads. Custom domain. No vendor branding. |
| Data ownership | Their cloud holds your click history. | Your Supabase project. Click events partitioned in your Postgres. |
| Privacy | Their compliance posture, their employees with access. | RLS-scoped per profile. UTM data only goes through your infra. |
| Extensibility | Their themes, their blocks, their upsells. | Full Next.js + Edge source. Any block, any animation, any A/B test — 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 profiles, links, click_events (partitioned), themes. Edge click handler, SSG + ISR caching strategy, theme token system.
PRD.md12 features (F1–F12): profile editor, drag-drop, themes, analytics, custom domain, password gating, scheduling links.
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.md6 sequential prompts: foundation → auth + profile onboarding + RLS → links + drag-drop editor + themes → public profile (SSG + ISR) + edge click endpoint → analytics + custom domain + password gate + scheduling → billing + tests + ship.
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.
Next.js SSG + ISR + Edge runtime click handler — sub-50ms profile loads.
The tools this build plan uses — your AI coding tool sets them up for you.
Public bio pages SSG-rendered with ISR on profile edit. Edge runtime for click handler.
Owners control their links. Public read of profiles bypasses RLS via service-role for the public route.
Indexed click_events table partitioned by month for fast aggregations.
Accessible drag-and-drop for reordering links. Optimistic local updates on the dashboard.
Click trend chart on the dashboard, no server cost — pre-aggregated daily totals.
Theme presets ship as token bundles: minimal, neon, retro, creator, brutalist.
Public bio pages SSG-rendered with ISR on profile edit. Edge runtime for click handler.
Owners control their links. Public read of profiles bypasses RLS via service-role for the public route.
Indexed click_events table partitioned by month for fast aggregations.
Accessible drag-and-drop for reordering links. Optimistic local updates on the dashboard.
Click trend chart on the dashboard, no server cost — pre-aggregated daily totals.
Theme presets ship as token bundles: minimal, neon, retro, creator, brutalist.
Start from link-in-bio, end up shipping a portfolio, an event landing, an app smart-link.
links → social + paid product · add affiliate UTM auto-tagging · embed YouTube preview block
links → projects + case studies · add pinned project block · resume PDF download
links → tickets + venue + agenda · countdown to start time · disable after end date
links → iOS / Android / Web · auto-detect UA and redirect · keep page for desktop fallback
links → one-pager sections · custom domain via Vercel · no ads, no vendor branding
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.
link-in-bio/
├── 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
│ ├── (dashboard)/
│ │ ├── layout.tsx
│ │ ├── page.tsx
│ │ ├── links/page.tsx
│ │ ├── analytics/page.tsx
│ │ ├── theme/page.tsx
│ │ └── settings/{profile,domain,billing}/page.tsx
│ ├── (public)/[handle]/
│ │ └── page.tsx
│ └── api/
│ ├── trpc/[trpc]/route.ts
│ └── click/[linkId]/route.ts (edge runtime)
├── components/
│ ├── editor/{link-list-dnd,link-card,theme-picker}.tsx
│ ├── public/{profile-card,link-button,theme-renderer}.tsx
│ └── analytics/{trend-chart,top-links,utm-table}.tsx
├── server/api/routers/{profile,link,click,theme}.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.
Notion-inspired
Notion-style workspace, code-owned. Fork into wiki, KB, CRM, recipe vault, project hub.
View build plan →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 →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 →