Quick Start

Welcome to Sports Venue — a production-ready sports-venue 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.

Sports Venue 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 Sports Venue — owners publish courts, pitches and facilities with weekly availability, and players book a slot and pay. Switching the pack changes every noun on the site (venue → consultation, owner → practitioner, player → 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 — Sports Venue 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 sports-venue --yes

# Seed demo venue owners, venues, 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
Owner (host) host1@eventdemo.com … host5@eventdemo.com
Player (customer) guest1@eventdemo.com … guest5@eventdemo.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. Sports Venue, appointment businesses — clinics, salons, tutors

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

What the Sports Venue pack gives you

Seven categories — Football Pitches, Basketball Courts, Tennis Courts, Swimming Pools, Badminton Courts, Multi-Sport Complexes and Fitness & Training Facilities — plus eight of its own master tables on top of the shared ones: sport_type, booking_type, surface_type, venue_size, focus, venue_practice, amenities and certification. Booking runs on the slot engine — owners set weekly availability for a court, pitch or facility and players 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 venue owner'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 player'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


© CreativeCape Solutions · creative-cape.com · support@creative-cape.com

Quick Start — Sports Venue Docs | Sports Venue