使用 Next.js、Shadcn UI、Prisma 和 Better Auth 构建的足球场预订应用

Source: Dev.to

概览

FootBookr – 现代化的足球场预订平台。管理场地、追踪收入，并轻松预订比赛。

链接

• 在线演示:
• GitHub 仓库:

功能

针对球员

• 实时可用性: 浏览场地并查看实时时段可用情况。
• 智能预订: 按 5 人制或 7 人制、日期和时间进行筛选。
• 电子票: 生成二维码，实现现场无缝签到。
• 用户仪表盘: 管理即将进行的比赛并查看预订历史。
• 社交登录: 一键使用 Google 或 Email 登录。

针对管理员

• 分析仪表盘: 可视化收入图表、占用热力图和 KPI 卡片。
• 场地管理: 添加或删除场地并上传图片。
• 预订控制: 查看所有预订、取消订单并管理日程。
• 用户管理: 查看用户统计并管理权限。

技术栈

• 框架: Next.js 16（App Router、Server Components、Server Actions、Data Access Layer）
• 语言: TypeScript
• 样式: Tailwind CSS
• 组件: Shadcn UI（Radix UI）
• 数据库: PostgreSQL 通过 Prisma ORM
• 认证: BetterAuth
• 图表: Recharts / Shadcn Charts
• 图标: Lucide React
• 工具库: date-fns（时间处理），zod（验证），react-hook-form（表单）