The Wild Oasis
一个预订多洛米蒂山脉特色豪华木屋的在线平台(教学项目)

- 平台:
- Web 网站
- 技术栈:
- Next.js 14、React、TypeScript、Tailwind CSS、Supabase、NextAuth
- 开发时间:
- 2025
网站为度假游客提供完整的木屋浏览与预订体验。用户可以查看不同木屋的图片、价格、折扣、容纳人数和详细介绍,并按照入住人数筛选合适的房型;进入详情页后,还可以查看可预订日期、选择入住时间与人数,系统会自动计算住宿天数和总价,同时避开已经被预订的日期。
网站支持 Google 账号登录。登录后,用户可以创建预订、填写入住需求,在个人中心查看历史及未来订单,并修改或取消尚未开始的预订;同时也能维护国籍、证件号码等个人资料。整体采用深蓝灰与暖金色搭配,结合山林与木屋摄影、简洁的卡片布局和清晰的操作路径,营造安静、自然且具有品质感的度假氛围。
项目基于 Next.js 14、React、TypeScript 和 Tailwind CSS 开发,使用 Supabase 管理木屋、用户及订单数据,并通过 NextAuth 实现 Google 登录。技术上结合服务端渲染、静态页面生成、流式加载和 Server Actions,同时对订单修改与删除进行用户权限校验。



