Hosted scheduling is locked. This isn't.

A Cal.com-style booking you own.

Availability rules + slot generation + Stripe payments — yours to fork into consultations, classes, restaurant reservations. The code is yours. Forever.

Next.js 16 + RSCSupabase Postgres + RLSDrizzle ORMStripe CheckoutGoogle Calendar + Microsoft Graph APIsResend + cron triggers

See what's inside ↓

What you ship

A working Cal.com-style booking flow.

Pick an event type, pick a slot, confirm. Timezone-aware availability, intake question per event type, and a confirmation page with rebook + cancel links.

1Event—2Slot—3Confirm

Choose an event type

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

Why this, not hosted Cal.com.

You're not subscribing. You're cloning.

Cal.com itself is open source — but if you're paying per team seat or relying on their cloud, this scaffold ships you the version you actually own.

Comparison axis	Cal.com hosted	Need for Build scaffold
Pricing	Free for one user. $15–37 per team-member, per month past that.	Free forever. Multi-host built in. No per-seat tax.
Data ownership	Their cloud. Calendar tokens stored on their infra.	Your Supabase project. OAuth tokens encrypted in your vault.
Privacy	Their compliance posture and backup retention.	RLS-scoped per host. Bookings never leave your infra.
Extensibility	Their app store. Their plugin contract.	Full Next.js + Drizzle. Custom workflows, payment gating, intake forms — 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.md6.9 KB

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

ARCHITECTURE.md12.0 KB

Drizzle schema for hosts, event_types, availability_rules, bookings. RLS, Stripe webhook flow, Google/MS calendar sync architecture.

PRD.md8.3 KB

10 features (F1–F10) including custom forms, payment gating, group bookings, reschedule links.

SECURITY.md11.9 KB

STRIDE threat model, OWASP 2025 Top 10 checklist, GDPR data inventory, security headers config.

MARKETING.md10.7 KB

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

PROMPT.md16.3 KB

7 sequential steps: foundation → DB schema + RLS + EXCLUDE constraint → auth + host onboarding → event types + availability + slot generation → public booking + atomic insert → calendar sync (Google + Microsoft) → emails + reschedule + group bookings + billing + polish.

ARCHITECTURE_CROSSCHECK.md26.1 KB

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

api-guide.html7.3 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.ts4.1 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

Time-zone aware by default.

Drizzle EXCLUDE constraints prevent double-booking. Google + Microsoft Graph 2-way sync.

Next.js 16 + RSC

Public booking pages prerendered, ISR-revalidated when host availability changes.

Supabase Postgres + RLS

Hosts own their event types and bookings. Public booking page bypasses RLS via service-role API.

Drizzle ORM

Time-zone aware queries with DATE_TRUNC + EXCLUDE constraints to prevent double-booking.

Stripe Checkout

Optional paid bookings: hosted Checkout URL on confirmation, webhook fulfills booking.

Google Calendar + Microsoft Graph APIs

2-way sync: pull busy times to compute availability, push booked events back.

Resend + cron triggers

Confirmation, reminder (24h + 1h), cancellation, reschedule emails.

Fork patterns

Same engine. Five different products.

Start from booking, end up shipping classes, sales demos, or restaurant reservations.

Consultations / coaching

event-type → 30/60-min sessions · payment required · intake form per booking · no per-seat tax

Group classes (yoga, fitness)

event-type → recurring weekly slots · capacity > 1 · waitlist when full · own the roster forever

Sales demo scheduler

event-type → 15-min discovery · auto-create CRM lead · Slack ping to AE · keep call recordings yours

Restaurant reservation

event-type → table size · per-day capacity caps · SMS reminder · no booking-fee skim

Internal interview scheduler

event-type → interviewer round-robin · candidate-facing public page · all data inside your HRIS

Architecture

The whole file tree.

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

booking-scheduling/
├── 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
│   ├── (host)/
│   │   ├── dashboard/page.tsx
│   │   ├── event-types/{,[id]}/page.tsx
│   │   ├── availability/page.tsx
│   │   ├── bookings/page.tsx
│   │   └── integrations/{google,microsoft,stripe}/page.tsx
│   ├── (public)/[hostSlug]/
│   │   ├── page.tsx
│   │   └── [eventType]/page.tsx
│   └── api/
│       ├── trpc/[trpc]/route.ts
│       ├── webhooks/{stripe,google,microsoft}/route.ts
│       └── cron/{reminders,sync-calendars}/route.ts
├── components/
│   ├── calendar/{date-picker,slot-grid,timezone-select}.tsx
│   ├── availability/{rule-editor,buffer-rules}.tsx
│   └── booking/{form,confirmation,reschedule}.tsx
├── server/api/routers/{host,event-type,availability,booking,sync}.ts
└── lib/calendar/{google,microsoft,ical-export}.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…

A Cal.com-style booking you own.

Availability rules + slot generation + Stripe payments — yours to fork into consultations, classes, restaurant reservations. The code is yours. Forever.

Next.js 16 + RSCSupabase Postgres + RLSDrizzle ORMStripe CheckoutGoogle Calendar + Microsoft Graph APIsResend + cron triggers

Cal.com hosted

Need for Build scaffold

Pricing

Free for one user. $15–37 per team-member, per month past that.

Free forever. Multi-host built in. No per-seat tax.

Data ownership

Their cloud. Calendar tokens stored on their infra.

Your Supabase project. OAuth tokens encrypted in your vault.

Privacy

Their compliance posture and backup retention.

RLS-scoped per host. Bookings never leave your infra.

Extensibility

Their app store. Their plugin contract.

Full Next.js + Drizzle. Custom workflows, payment gating, intake forms — today.

booking-scheduling/ ├── 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 │ ├── (host)/ │ │ ├── dashboard/page.tsx │ │ ├── event-types/{,[id]}/page.tsx │ │ ├── availability/page.tsx │ │ ├── bookings/page.tsx │ │ └── integrations/{google,microsoft,stripe}/page.tsx │ ├── (public)/[hostSlug]/ │ │ ├── page.tsx │ │ └── [eventType]/page.tsx │ └── api/ │ ├── trpc/[trpc]/route.ts │ ├── webhooks/{stripe,google,microsoft}/route.ts │ └── cron/{reminders,sync-calendars}/route.ts ├── components/ │ ├── calendar/{date-picker,slot-grid,timezone-select}.tsx │ ├── availability/{rule-editor,buffer-rules}.tsx │ └── booking/{form,confirmation,reschedule}.tsx ├── server/api/routers/{host,event-type,availability,booking,sync}.ts └── lib/calendar/{google,microsoft,ical-export}.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