英雄热度榜 App 技术规划文档 – Next.js 技术栈更新

东明兄 • 2025-12-21 • 开发笔记 • 6 阅读
chat

项目概述

本次对话完成了「英雄热度榜 App」项目的技术规划更新，将技术栈从 Vite + React 迁移到 Next.js 14 (App Router)。

技术栈变更

类别 新选择
框架 Next.js 14 (App Router) + TypeScript 5.x
状态管理 Zustand
样式 TailwindCSS
图表 Recharts
路由 Next.js App Router (内置)
构建 Next.js (内置)

更新的文档

项目 路径 状态
分支 001-hero-popularity-ranking ✅
实现计划 plan.md ✅ 已更新
研究文档 research.md ✅ 已更新
数据模型 data-model.md ✅ 已更新
API 契约 api.ts ✅ 已更新
快速开始 quickstart.md ✅ 已更新
任务列表 tasks.md ✅ 已更新

任务统计 (47 个任务)

阶段 任务数
Phase 1: Setup 5
Phase 2: Foundational 8
Phase 3: US1 - 排行榜 6
Phase 4: US2 - 搜索 5
Phase 5: US3 - 详情 6
Phase 6: US4 - 筛选 4
Phase 7: US5 - 收藏 7
Phase 8: Polish 6

项目结构 (Next.js App Router)

src/
├── app/                    # App Router 页面
│   ├── layout.tsx          # 根布局
│   ├── page.tsx            # 首页 (排行榜)
│   ├── api/heroes/         # API 路由
│   ├── hero/[id]/          # 英雄详情页
│   └── favorites/          # 收藏页
├── components/             # 可复用组件
├── stores/                 # Zustand 状态
├── services/               # 服务层
├── types/                  # TypeScript 类型
└── mocks/                  # Mock 数据

用户故事

  1. US1 (P1 MVP): 查看英雄热度排行榜
  2. US2 (P2): 搜索特定英雄
  3. US3 (P2): 查看英雄详情
  4. US4 (P3): 筛选英雄类型
  5. US5 (P3): 收藏关注英雄

下一步

执行 /speckit.implement 开始实现代码。

本文档由 CodeBuddy AI 助手自动生成

版权声明：
作者：东明兄
链接：https://blog.crazyming.com/note/3270/
来源：CrazyMing
文章版权归作者所有，未经允许请勿转载。

THE END
分享
二维码
海报
英雄热度榜 App 技术规划文档 – Next.js 技术栈更新
英雄热度榜 App 项目技术规划更新，从 Vite + React 迁移到 Next.js 14 (App Router)，包含 47 个任务的完整实现计划。
<<上一篇
下一篇>>
chat