追踪 WTA 球员赛程，探索赛事城市，规划你的网球之旅
🌐 在线 Demo：acetrip.cn
- 2026 赛季 33 场 WTA 赛事完整覆盖（四大满贯 + WTA1000 + WTA500 + WTA250）
- 实时签表数据（live-tennis.cn）
- 赛事城市天气预报（Open-Meteo）
- 当地汇率换算（13 种货币双向显示）
- 城市旅行指南（签证、交通、美食、住宿）
- 150+ 位 WTA 球员数据库
- 实时排名与积分明细
- 赛季战绩追踪
- 一键关注，打造你的专属球员列表
- 全球赛事分布 Mapbox 3D 地图
- 关注球员赛程可视化
- 赛事心愿单
- 每日 WTA 新闻动态（Google News RSS）
- 中文翻译，自动更新
- 手机号注册登录（Supabase Auth）
- 关注球员 & 赛事心愿单云端同步
- 意见信箱
| 层 | 技术 |
|---|---|
| 框架 | Next.js 16 + React 19 + TypeScript |
| 样式 | Tailwind CSS 4 |
| 地图 | Mapbox GL JS |
| 数据库 | Supabase（PostgreSQL + Auth） |
| 部署 | Vercel |
| 数据源 | ESPN API · WTA API · live-tennis.cn · Open-Meteo · Google News RSS |
# 克隆仓库
git clone https://github.com/WBWBXZ/AceTrip.git
cd AceTrip
# 安装依赖
npm install
# 配置环境变量
cp .env.example .env.local
# 编辑 .env.local 填入你的 API keys
# 启动开发服务器
npm run dev打开 http://localhost:3000 查看。
| 变量 | 说明 |
|---|---|
NEXT_PUBLIC_SUPABASE_URL |
Supabase 项目 URL |
NEXT_PUBLIC_SUPABASE_ANON_KEY |
Supabase anon public key |
NEXT_PUBLIC_MAPBOX_TOKEN |
Mapbox GL JS access token |
数据通过两种方式保持最新：
实时（用户访问时拉取）
- 球员排名（live-tennis.cn）
- 赛事签表（live-tennis.cn）
- 天气预报（Open-Meteo）
- 汇率（Open Exchange Rates）
每日自动更新（GitHub Actions，北京时间 8:00）
- 球员信息、积分明细、赛季战绩
- Daily Feed 新闻
- 更新后自动部署到 Vercel
- 首页（Hero + 动态地球 + 功能特色 + 球员排名 + 即将开赛 + 四大满贯 + 赛季总览 + Daily Feed）
- 球员图鉴（150+ 球员 + 关注）
- 赛事中心（签表 + 天气 + 汇率 + 旅行指南）
- 互动地图（Mapbox）
- 用户系统（手机号登录 + Supabase）
- 意见信箱
- 全站中文化
- 移动端适配
- Vercel 部署 + 每日数据自动更新
- 移动端 UI 深度优化
- 球员详情页重构
- 球员简介（Wikipedia API）
- 分享卡片/海报导出
- 自定义域名
- SEO 优化（Open Graph + 结构化数据）
- 赛果实时推送
- 暗黑模式
- 多语言支持（英文版）
- PWA 离线支持
- 社区功能（球迷讨论区）
- 行程规划器（机票 + 酒店 + 门票一键规划）
- AI 旅行助手
- 小程序版本
AceTrip 由一个没有技术背景的文科生独立开发，灵感来自对 WTA 网球和 Elena Rybakina 的热爱。
如果你也是网球迷，欢迎 Star ⭐ 这个项目，或者通过网站里的意见信箱告诉我你的想法。
MIT © 2026 AceTrip