Next.js, Shadcn UI, Prisma, Better Auth 로 만든 축구장 예약 앱

Source: Dev.to

개요

FootBookr – 축구장 예약을 위한 현대적인 플랫폼입니다. 장소를 관리하고, 수익을 추적하며, 매치를 손쉽게 예약할 수 있습니다.

링크

• 실시간 데모:
• GitHub 저장소:

기능

플레이어용

• 실시간 가용성: 축구장을 탐색하고 실시간 슬롯 가용성을 확인합니다.
• 스마트 예약: 5‑인 vs 7‑인, 날짜, 시간별로 필터링합니다.
• 디지털 티켓: 현장에서 원활한 체크‑인을 위한 QR 코드 생성.
• 사용자 대시보드: 예정된 매치를 관리하고 예약 내역을 확인합니다.
• 소셜 로그인: Google 또는 이메일을 통한 원클릭 로그인.

관리자용

• 분석 대시보드: 수익 차트, 점유율 히트맵, KPI 카드 등을 시각화합니다.
• 장소 관리: 이미지 업로드와 함께 축구장을 추가하거나 삭제합니다.
• 예약 관리: 모든 예약을 조회하고, 예약을 취소하며, 스케줄을 관리합니다.
• 사용자 관리: 사용자 통계를 확인하고 권한을 관리합니다.

기술 스택

• 프레임워크: Next.js 16 (App Router, Server Components, Server Actions, Data Access Layer)
• 언어: TypeScript
• 스타일링: Tailwind CSS
• 컴포넌트: Shadcn UI (Radix UI)
• 데이터베이스: PostgreSQL via Prisma ORM
• 인증: BetterAuth
• 차트: Recharts / Shadcn Charts
• 아이콘: Lucide React
• 유틸리티: date-fns (시간), zod (검증), react-hook-form (폼)