Quick Start
Welcome to Dance Studios — a production-ready class & wellness booking marketplace built with Next.js 16 (App Router), React 19, TypeScript, PostgreSQL and Tailwind CSS. This page gets you from a fresh download to a running site in about 15 minutes.
Dance Studios ships as a vertical pack product: the engine is generic, and a pack supplies the vocabulary, fields, filters, master data and demo content for one business. The pack included is Dance Studios & Wellness — instructors publish dated classes with a number of places, and students book a place and pay. Switching the pack changes every noun on the site (class → consultation, instructor → practitioner, student → patient) without touching engine code.
New here? Read Product Overview for the big picture, then come back to install.
What you need
- Node.js 20+ and npm
- A PostgreSQL database (we recommend Neon — Dance Studios uses the
@neondatabase/serverlessdriver) - About 15 minutes
Install in 4 steps
# 1. Install dependencies
npm install
# 2. Create your environment file
# Create .env.local with at least DATABASE_URL (JWT_SECRET / SECRET_KEY
# are auto-generated by the install wizard's database step if unset).
# 3. Initialise the database (schema + seed)
npm run db:init
# 4. Start the dev server
npm run dev
Open http://localhost:3000. The first run launches the install wizard at /install — it walks you through the database check, admin account, and store settings.
Load the demo
# Apply the vertical pack: master data, categories, fields, filters, copy
npx tsx scripts/apply-vertical.ts dance studios --yes
# Seed demo instructors, classes, dates, bookings and reviews.
# Imagery comes from Pexels — set PEXELS_API_KEY in .env for real photos,
# otherwise deterministic placeholders are used.
npm run vertical:demo
# A multi-week course block on one of the demo classes
npx tsx scripts/seed-demo-course.ts
# Subscription plans for the demo hosts (cascades off hosts, so re-run after a re-seed)
npx tsx scripts/seed-plans.ts --hosts
# Storefront pages (privacy, cookies, terms, refunds, about)
npx tsx scripts/seed-site-pages.ts
# Account emails, plus booking/waitlist templates for Email, WhatsApp, SMS and Push
npx tsx scripts/seed-message-templates.ts
npx tsx scripts/seed-notification-templates.ts
Demo logins — password Password@1:
| Role | |
|---|---|
| Instructor (host) | host1@dance-studiosdemo.com … host5@dance-studiosdemo.com |
| Student (customer) | guest1@dance-studiosdemo.com … guest5@dance-studiosdemo.com |
The two booking mechanics
| Mode | How availability works | Used by |
|---|---|---|
seat |
The host publishes dated sittings (experience_sessions) with a place count. |
Dance Studios & Wellness, classes, tours, events |
slot |
The host sets weekly hours (availability_rules); slots are expanded on read and only become a row when booked. |
Appointment businesses — clinics, salons, tutors |
The active pack declares which one it uses; the booking engine, calendar and checkout follow. Dance Studios runs in seat mode.
What the Dance Studios pack gives you
Seven categories — Ballet, Contemporary & Lyrical, Jazz & Musical Theatre, Hip-Hop & Street, Latin & Ballroom, Kids & Youth Dance and Fitness & Conditioning — plus seven of its own master tables on top of the shared ones: dance_style, session_type, intensity, focus, dance_practice, equipment and certification. Booking runs on the slot engine — instructors set weekly availability and students book a lesson time, the same mechanism the healthcare pack uses for appointments. All master tables are admin-editable under Master Data, and they drive the listing editor, the browse facets and the instructor profile.
Courses, blocks and waitlists
Two things a studio needs that a plain drop-in engine does not have:
- Courses (
session_series) — one purchase covering a block of dated sessions: a six-week beginners' course, a teacher training, a retreat. A series owns no seat counter of its own; enrolling claims a place in every session in the block, so a course and a drop-in compete for the same room and can never oversell each other. - Waitlists (
session_waitlist) — a full class is no longer a dead end. Students queue for a date, and when a booking is cancelled the front of the queue is notified automatically. An offer is a head start, not a hold: the student still checks out normally.
Notifications
Four channels, all template-driven from Settings → Notifications and all silent until their provider is connected under Settings → Channels:
| Channel | Transport | Fired on |
|---|---|---|
| Configured email add-on, SMTP fallback | Booking, reminder, cancellation, payment, waitlist | |
| Connected WhatsApp add-on | Booking, reminder, cancellation, payment, waitlist | |
| SMS | Connected SMS add-on | Booking, reminder, cancellation, payment, waitlist |
| Push | Firebase Cloud Messaging → the mobile app | Booking, cancellation, waitlist |
Push additionally needs a Firebase service account under Settings → Push. The mobile app registers each device with POST /api/v1/customer/fcm/token; tokens are pruned automatically when FCM reports them unregistered, and every send respects the student's notify_push preference.
Core environment variables
| Variable | Purpose |
|---|---|
DATABASE_URL |
PostgreSQL connection string |
JWT_SECRET |
Signs admin/customer session tokens |
SECRET_KEY |
AES-256-GCM key that encrypts stored integration secrets |
PEXELS_API_KEY |
Optional — real demo imagery instead of placeholders |
LICENSE_SERVER_URL |
License server (defaults to https://creative-cape.com) |
See the Installation Guide for the full list and the License Guide for activation.
Where to go next
- Installation Guide — detailed setup
- Deployment Guide — ship to production
- Admin Guide — run your studio day-to-day
- API Documentation — the REST surface, plus the live reference at
/api/docs/v1 - Add-on Development Guide — extend Dance Studios
- Customization Guide — change the vertical's fields, filters and vocabulary
© CreativeCape Solutions · creative-cape.com · support@creative-cape.com