Loading scaffold…
Loading scaffold…
Profile + drag-drop links + click analytics + themes — yours to fork into a creator landing, a portfolio, an event page, an app smart-link. The code is yours. Forever.
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 scaffold |
|---|---|---|
| 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 scaffold ships, with size and one-line description. Download once, build forever.
CLAUDE.md3.4 KBProject config for Claude Code — tech stack, commands, code style, critical rules. Under 100 lines, read first.
ARCHITECTURE.md9.9 KBDrizzle schema for profiles, links, click_events (partitioned), themes. Edge click handler, SSG + ISR caching strategy, theme token system.
PRD.md8.1 KB12 features (F1–F12): profile editor, drag-drop, themes, analytics, custom domain, password gating, scheduling links.
SECURITY.md8.0 KBSTRIDE threat model, OWASP 2025 Top 10 checklist, GDPR data inventory, security headers config.
MARKETING.md8.2 KBPositioning vs. category leader, persona, GTM phases, channel strategy, growth loops.
PROMPT.md8.2 KB6 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.md6.1 KBSecond-opinion architecture review: GPT + Gemini independently critique the plan, consolidated into confirmations, corrections, and concrete diffs.
api-guide.html7.0 KBZero-jargon visual guide (opens in your browser): create accounts, get API keys, fill .env, push to GitHub, deploy on Vercel.
lib/mock/index.ts0.6 KBTyped mock dataset — click through the full UI with realistic data before connecting real services.
assets/manifest.json0.3 KBMachine-readable package inventory with generation timestamps.
Next.js SSG + ISR + Edge runtime click handler — sub-50ms profile loads.
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`.
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 ships the same way: paste PROMPT.md into Claude Code and ship.
Notion-inspired
Notion-style workspace, code-owned. Fork into wiki, KB, CRM, recipe vault, project hub.
View scaffold →Slack-inspired
Channels + DM + threads + realtime presence. Fork into customer chat, community platform, internal team tool.
View scaffold →Cal.com-inspired
Cal.com-style scheduling, code-owned. Self-host multi-host bookings + Stripe payments. Fork into consultations, classes, restaurant reservations.
View scaffold →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 scaffold →Mailchimp-inspired
List management + drag-drop editor + automation triggers. Fork into newsletter, drip campaigns, transactional service.
View scaffold →Zapier-inspired
Zapier-style automation builder, code-owned. Trigger nodes + action nodes + run history. Fork into approval flows, lead routing, sync jobs.
View scaffold →Loom-inspired
Loom-style async video, code-owned. Record + chunked upload + share link + viewer analytics. Fork into tutorial vault, sales demos, internal training.
View scaffold →Hubspot-inspired
Contacts + deals + pipeline stages + email tracking + activity log. Fork into B2B CRM, partner pipeline, investor relations.
View scaffold →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 scaffold →