Sport Center & Court Booking Platform
Book premium courts, join friendly leagues, find your club, and train with private coaches — all in one connected sport center experience.
PlayBase is a modern, full-featured landing experience for a sport center. It connects court rentals, community clubs, leagues, gym facilities, and private training in a single platform.
Built for players who want a simple, reliable way to reserve a court and stay active — and for operators who want to host events, leagues, and tournaments with confidence.
- Court Booking — Reserve tennis, futsal, basketball, badminton, volleyball, and fitness studio slots with clear time slots and pricing.
- Open Play & Clubs — Discover weekly ladders, open runs, social matches, and community clubs.
- Gym & Private Training — Strength zones, cardio, mobility areas, and bookable 1-on-1 coach sessions.
- Events & Leagues — Social matches, seasonal leagues, corporate cups, youth academies, and weekend tournaments.
- Membership Plans — Flexible Drop-In, Club, and Elite tiers with coaching and priority access.
- Blog & Docs — Guides on routines, community building, and tournament prep.
- Framework — Next.js 16 (App Router, Turbopack)
- Language — TypeScript
- Styling — Tailwind CSS v4 + shadcn/ui design system
- UI Components — shadcn/ui (Radix UI primitives)
- Animations — Motion (React)
- Icons — Lucide React
Install dependencies:
bun install
# or: npm installRun the development server:
bun run dev
# or: npm run devOpen http://localhost:3000 with your browser.
| Script | Description |
|---|---|
bun run dev |
Start the dev server |
bun run build |
Production build |
bun run start |
Run the production server |
bun run lint |
Lint the codebase with ESLint |
bun run typecheck |
Type-check with TypeScript |
bun run format |
Format with Prettier |
app/ # Pages (home, courts, clubs, booking, checkout, pricing, blog, docs, auth)
components/ # Reusable UI sections & shadcn/ui components
lib/ # Data & utilities (courts, clubs, blogs)
public/ # Images, logos, and static assets
npx shadcn@latest add buttonThis project is for demonstration purposes. Feel free to use it as a starting point for your own sport center or booking platform.