FishXCode AI 订阅网站基础工程。
- Next.js 15
- React 19
- TypeScript
- Tailwind CSS
- shadcn/ui 风格基础组件
- framer-motion
- lucide-react
- PostgreSQL
- Redis
- App Router 基础结构
- 深暖棕 + 提亮金品牌配色
- 首页 Hero 与套餐展示骨架
- 深色 / 浅色主题切换
- 中英文国际化路由结构
- 基础 SEO(metadata / robots / sitemap)
- 邮箱密码认证、Redis 会话、受保护账户页
- 可复用基础 UI 组件
- 环境变量读取与校验
- PostgreSQL / Redis 接入层占位
- 安装依赖
pnpm install- 配置环境变量
参考 .env.example 创建 .env.local
- 启动开发环境
pnpm dev- 生产构建校验
pnpm build- 首页:新增推荐器交互组件(预算维度)
- 用户后台:新增“下一步建议 / 最近活动”驾驶舱模块
- 管理后台:新增
/[locale]/admin骨架,支持用户与订单列表/卡片切换 - 测试:引入 Vitest 基础能力,并补充组件级测试
pnpm test
pnpm lint
pnpm dev可手工检查路由:
/{locale}/{locale}/account/{locale}/admin/users/{locale}/admin/orders
- 接入认证
- 设计订阅套餐数据模型
- 接入支付与订单
- 增加用户中心与管理后台