Football pitch reservation app built with Next.js, Shadcn UI, Prisma, and Better Auth

Source: Dev.to

Overview

FootBookr – the modern platform for booking football pitches. Manage venues, track revenue, and book matches seamlessly.

Links

• Live Demo:
• GitHub Repo:

Features

For Players

• Real-time Availability: Browse pitches and see live slot availability.
• Smart Booking: Filter by 5‑a‑side vs 7‑a‑side, date, and time.
• Digital Tickets: QR code generation for seamless check‑in at the venue.
• User Dashboard: Manage upcoming matches and view booking history.
• Social Login: One‑click sign‑in with Google or Email.

For Admins

• Analytics Dashboard: Visual revenue charts, occupancy heatmaps, and KPI cards.
• Venue Management: Add or delete pitches with image uploads.
• Booking Control: View all reservations, cancel bookings, and manage schedules.
• User Management: View user stats and manage permissions.

Tech Stack

• Framework: Next.js 16 (App Router, Server Components, Server Actions, Data Access Layer)
• Language: TypeScript
• Styling: Tailwind CSS
• Components: Shadcn UI (Radix UI)
• Database: PostgreSQL via Prisma ORM
• Authentication: BetterAuth
• Charts: Recharts / Shadcn Charts
• Icons: Lucide React
• Utilities: date-fns (time), zod (validation), react-hook-form (forms)