Colophon · about this site

How this site was built.

The tech stack, the process, the receipts. This is a record, not a case study — you are already on the site, you do not need us to sell it back to you.

Stack

Framework
Next.js 15.5 App Router
UI
React 19 · TypeScript · Tailwind v3
Motion
Framer Motion + motion/react
3D hero
@react-three/fiber 9 + drei 10
Fonts
Instrument Serif · Inter Tight · JetBrains Mono
Forms
react-hook-form + zod + Resend
Hosting
Fly.io (fra · 512MB · 66MB image)
CI/CD
GitHub Actions · flyctl deploy

Process

  1. 01Product-manager agent wrote the PRD from a one-paragraph brief.
  2. 02Business-analyst agent produced the REQ-N / TASK-N / SVC-N spec.
  3. 03Architect agent decided stack + file layout + deploy target.
  4. 04Brand-identity + motion + 3D-scene agents produced the design docs.
  5. 05UX-designer agent turned requirements into wireframes.
  6. 06Developer agent implemented section by section with section-level commits.
  7. 07Reviewer + test-engineer + tester agents did QA.
  8. 08DevOps-automator agent wired GitHub Actions + Fly.io deploy.

Receipts

2 days
Spec → production
8
Agents in pipeline
66 MB
Docker image
93/96
Lighthouse perf/a11y

Credits

Concept, brand, copy, code: BTW Studio. Pipeline orchestrated with Claude Code + a custom waterfall of 8 subagents. Deployed from spec to production in two calendar days. Source for this site is private — the agent pack that ships it is public at github.com/workmailan8n-hash/btw-agents-pack.