信息高效集合网站 MVP

一个简化版的信息聚合平台，提供每日必读信息、新闻中心和学习资源。

技术栈

• 前端: Next.js 14 (App Router) + React + TailwindCSS
• 后端: Next.js API Routes (模拟数据)
• 数据存储: Mock JSON 数据
• 部署: 支持 Vercel 一键部署

功能特性

🏠 首页 (/)

• 展示每日「Top 10 必读信息」
• 包含标题、分类、重要度评分、来源和跳转链接

📰 新闻中心 (/news)

• 9个分类：国际、国内、政治、财经、股市、币圈、科技、新兴技术、社交趋势
• 每个分类展示10条模拟新闻
• 包含标题、摘要、来源、时间和跳转链接

📚 学习资源中心 (/resources)

• 5个分类：CS、EE、金融投资、币圈、哲学
• 资源类型：课程、书籍、文章
• 难度等级：入门、中级、高级

🎨 设计特性

• 简洁卡片式布局
• 支持暗色模式切换
• 响应式设计
• Tailwind CSS 风格

快速开始

1. 安装依赖

npm install

2. 配置环境变量（可选）

创建 .env.local 文件并添加 NewsAPI 配置：

# NewsAPI 配置（可选）
NEWS_API_KEY=your_news_api_key_here
NEWS_API_LANGUAGE=zh
NEWS_API_COUNTRY=cn
NEWS_API_PAGE_SIZE=20

获取 NewsAPI Key：

1. 访问 NewsAPI.org
2. 注册免费账户
3. 获取 API Key
4. 将 API Key 替换到配置中

注意： 如果不配置 NewsAPI Key，系统会自动使用模拟数据，所有功能仍然正常工作。

3. 启动开发服务器

npm run dev

4. 访问应用

打开 http://localhost:3000 查看应用

部署到 Vercel

方法一：Vercel CLI

# 安装 Vercel CLI
npm i -g vercel

# 部署
vercel

方法二：GitHub 集成

1. 将代码推送到 GitHub 仓库
2. 在 Vercel 导入项目
3. 自动部署完成

项目结构

├── app/
│   ├── api/
│   │   ├── news/route.ts          # 新闻数据 API
│   │   ├── resources/route.ts     # 学习资源 API
│   │   └── top-items/route.ts     # 首页 Top 10 API
│   ├── news/page.tsx              # 新闻中心页面
│   ├── resources/page.tsx         # 学习资源页面
│   ├── layout.tsx                 # 根布局（含导航栏）
│   ├── page.tsx                   # 首页
│   └── globals.css                # 全局样式
├── components/                    # 组件目录（预留）
├── package.json
├── tailwind.config.ts
├── tsconfig.json
└── next.config.mjs

API 接口

GET /api/top-items

返回首页 Top 10 必读信息

GET /api/news?category={category}

返回指定分类的新闻数据

• 支持的分类：国际、国内、政治、财经、股市、币圈、科技、新兴技术、社交趋势

GET /api/resources?category={category}

返回指定分类的学习资源

• 支持的分类：CS、EE、金融投资、币圈、哲学

下一步扩展

• 集成真实数据源（NewsAPI、Twitter API、Binance API）
• 添加观点对比功能
• 增加趋势图表展示
• 用户收藏和个性化推荐
• 搜索功能
• 移动端优化

开发说明

• 所有数据目前使用 Mock 数据
• 支持暗色模式切换（localStorage 持久化）
• 使用 TypeScript 确保类型安全
• 遵循 Next.js App Router 最佳实践

许可证

MIT License