Quick Start

Welcome to Beauty & Salon — a production-ready beauty appointment 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.

Beauty & Salon 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 Beauty & Salon — stylists publish haircut, coloring, nail and spa treatments with weekly availability, and clients book a slot and pay. Switching the pack changes every noun on the site (treatment → consultation, stylist → practitioner, client → 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 — Beauty & Salon uses the @neondatabase/serverless driver)
About 15 minutes

Install in 4 steps

Terminal

# 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

Terminal

# Apply the vertical pack: master data, categories, fields, filters, copy
npx tsx scripts/apply-vertical.ts beauty-salon --yes

# Seed demo providers, services, slots, 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

# 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	Email
Stylist (host)	`host1@beautysalondemo.com` … `host5@beautysalondemo.com`
Client (customer)	`guest1@beautysalondemo.com` … `guest5@beautysalondemo.com`

The two booking mechanics

Mode	How availability works	Used by
`seat`	The host publishes dated sittings (`experience_sessions`) with a place count.	Classes, tours, events
`slot`	The host sets weekly hours (`availability_rules`); slots are expanded on read and only become a row when booked.	Beauty & Salon, appointment businesses — clinics, salons, tutors

The active pack declares which one it uses; the booking engine, calendar and checkout follow. Beauty & Salon runs in slot mode.

What the Beauty & Salon pack gives you

Nine categories — Haircut & Styling, Hair Coloring, Manicure & Pedicure, Facial Treatment, Massage Therapy, Waxing & Hair Removal, Makeup Application, Skincare Treatment and Bridal & Event Styling — plus eight of its own master tables on top of the shared ones: service_type, booking_type, venue_type, appointment_setting, focus, service_practice, amenities and certification. Booking runs on the slot engine — stylists set weekly availability for treatments and clients book an open slot, the same mechanism clinics and salons use. All master tables are admin-editable under Master Data, and they drive the listing editor, the browse facets and the stylist's profile.

Notifications

Four channels, all template-driven from Settings → Notifications and all silent until their provider is connected under Settings → Channels:

Channel	Transport	Fired on
Email	Configured email add-on, SMTP fallback	Booking, reminder, cancellation, payment, waitlist
WhatsApp	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 client'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 services day-to-day
API Documentation — the REST surface, plus the live reference at /api/docs/v1
Add-on Development Guide — extend Beauty & Salon
Customization Guide — change the vertical's fields, filters and vocabulary