Simulacrum

Booking template

An appointment booking system with calendar views, time slot management, service catalog, provider profiles, automated reminders, and booking analytics.

npx simulate booking my-booking

11 routes · 8 components · Provider admin

/
/services
/services/[slug]
/book
/book/[serviceId]
/providers

Generated project structure

What you get when you run npx simulate booking my-booking

my-booking/
  • -layout.tsx
  • -globals.css
  • +
  • +
  • +
  • +
  • -site.ts
  • -tailwind.config.ts
  • -package.json
  • -page.tsx
  • -page.tsx
  • -page.tsx
  • -page.tsx
  • -page.tsx
  • -page.tsx
  • -page.tsx
  • -page.tsx
  • -page.tsx
  • -page.tsx
  • -page.tsx
  • -calendar-view.tsx
  • -time-slot-picker.tsx
  • -service-card.tsx
  • -provider-card.tsx
  • ... 34+ files total

Available scripts

  • npm run dev
  • npm run build
  • npm run lint
  • npm run db:push
  • npm run db:studio
  • npm run test
  • npm run e2e
  • npm run typecheck

Admin dashboard metrics

Bookings/dayUtilizationRevenueNo-show rateTop services

Scaffold stats

Pages
11
Components
8
RBAC roles
4
Dashboard KPIs
5

Pages included

  • /
  • /services
  • /services/[slug]
  • /book
  • /book/[serviceId]
  • /providers
  • /dashboard
  • /provider/dashboard
  • /admin
  • /admin/bookings
  • /admin/analytics

Key components

  • CalendarView
  • TimeSlotPicker
  • ServiceCard
  • ProviderCard
  • BookingConfirmation
  • ReminderSettings
  • ScheduleGrid
  • AvailabilityEditor

Admin dashboard

Template-native metrics powered by Recharts and TanStack Table

Bookings/day

---

Utilization

---

Revenue

---

No-show rate

---

Top services

---

Default stack

Database
Supabase
Auth
Google, Credentials
Payments
Stripe

RBAC roles

  • super_admin
  • admin
  • provider
  • client

npx simulate booking my-booking

Get Starter — unlock all templatesCompare pricing