问题
做一个可以卖给排练室与音乐工作室的样板产品。客户能自己浏览场地、在可视化排期表上选择时段并完成预订,不用打电话——类似 musbooking.com,但面向单一场地。
解决方案
用 Next.js 服务端组件让场地列表快速加载,前端排期表支持拖动选择时段,Supabase 负责数据存储与时段的原子锁定。Expo 应用复用同一套数据库与业务逻辑。
已实现的功能
每个场地都有照片、介绍、设备清单与价格,可按乐器类型筛选,并有独立的详情页与相册。
横向排期表覆盖 09:00–22:00、共七天,已占用时段实时标记,按住拖动即可选择连续时段。
只需填写姓名与电话。确认时时段会被原子锁定,到店付款。
基于 Expo 的 iOS 与安卓原生应用,使用同一份 Supabase 数据与同样的预订流程,界面针对手机重新排布。
实际效果







技术栈