# next-daily-hot

**Repository Path**: akaedu2012/next-daily-hot

## Basic Information

- **Project Name**: next-daily-hot
- **Description**: 基于 Next 开发的聚合热点平台，汇聚全网热点，热门尽览无余
- **Primary Language**: TypeScript
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: https://hot.baiwumm.com/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2025-04-24
- **Last Updated**: 2025-04-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<div align="center">
<img alt="logo" src="./public/logo.svg" width="80"/>
<h2>今日热榜</h2>
<p>汇聚全网热点，热门尽览无余</p>
</div>

## 🪴 项目信息
* 😝 项目预览：https://hot.baiwumm.com/
* 🎯 技术栈：[React](https://react.dev/)、[Next.js](https://nextjs.org/)、[Tailwindcss](https://www.tailwindcss.cn/)、[NextUI](https://nextui.org/)

## ✨ 特性
* 使用前端最新技术栈开发
* 极快响应、便于开发部署
* 目录结构清晰，轻量级，前后端一体
* 支持多种部署方式，优先推荐 [Vercel](https://vercel.com/)
* 支持暗黑模式
* 支持 `SSR` 渲染，利于 `SEO` 优化 

## 💻 演示图

<div style="display:flex;justify-content:space-between;">
<img alt="亮色模式" src="./src/assets/light.png" style="width:49%;"/>
<img alt="暗色模式" src="./src/assets/dark.png" style="width:49%;"/>
</div>

## 💯 热点平台

✅：稳定，⭕：不稳定，❌：无法使用 

| **Logo**    | **平台**     | **类别** | **接口地址** | **状态** |
| :--------: | :--------: | :--------: | :--------: |:--------: |
|<img alt="微博" src="./public/weibo.svg" width="30" style="display:inline-block"/>| 微博     | 热搜榜 | [weibo](./src/app/api/weibo/route.ts)   | ✅ |
|<img alt="哔哩哔哩" src="./public/bilibili.svg" width="30" style="display:inline-block"/>| 哔哩哔哩  | 热门榜   | [bilibili](./src/app/api/bilibili/route.ts)   | ✅ |
|<img alt="抖音" src="./public/douyin.svg" width="30" style="display:inline-block"/>| 抖音     | 热点榜 | [douyin](./src/app/api/douyin/route.ts)   | ✅ |
|<img alt="今日头条" src="./public/toutiao.svg" width="30" style="display:inline-block"/>| 今日头条 | 热榜     | [toutiao](./src/app/api/toutiao/route.ts)   | ✅ |
|<img alt="知乎" src="./public/zhihu.svg" width="30" style="display:inline-block"/>| 知乎     | 热榜 | [zhihu](./src/app/api/zhihu/route.ts)   | ✅ |
|<img alt="百度" src="./public/baidu.svg" width="30" style="display:inline-block"/>| 百度     | 热搜榜 | [baidu](./src/app/api/baidu/route.ts)   | ✅ |
|<img alt="百度贴吧" src="./public/baidutieba.svg" width="30" style="display:inline-block"/>| 百度贴吧  | 热议榜   | [baidutieba](./src/app/api/baidutieba/route.ts)   | ✅ |
|<img alt="腾讯新闻" src="./public/qq.svg" width="30" style="display:inline-block"/>| 腾讯新闻   | 热点榜  | [qq](./src/app/api/qq/route.ts)   | ✅ |
|<img alt="稀土掘金" src="./public/juejin.svg" width="30" style="display:inline-block"/>| 稀土掘金   | 热榜  | [juejin](./src/app/api/juejin/route.ts)   | ✅ |
|<img alt="网易新闻微博" src="./public/netease.svg" width="30" style="display:inline-block"/>| 网易新闻    | 热榜 | [netease](./src/app/api/netease/route.ts)   | ✅ |
|<img alt="英雄联盟" src="./public/lol.svg" width="30" style="display:inline-block"/>| 英雄联盟  | 更新公告   | [lol](./src/app/api/lol/route.ts)   | ✅ |
|<img alt="澎湃新闻" src="./public/thepaper.svg" width="30" style="display:inline-block"/>| 澎湃新闻 | 热榜   | [thepaper](./src/app/api/thepaper/route.ts)   | ✅ |
|<img alt="快手" src="./public/kuaishou.svg" width="30" style="display:inline-block"/>| 快手 | 热榜   | [kuaishou](./src/app/api/kuaishou/route.ts)   | ✅ |
|<img alt="历史上的今天" src="./public/history-today.svg" width="30" style="display:inline-block"/>| 百度百科 | 历史上的今天   | [history-today](./src/app/api/history-today/route.ts)   | ✅ |
|<img alt="微信读书" src="./public/weread.svg" width="30" style="display:inline-block"/>| 微信读书 | 飙升榜   | [weread](./src/app/api/weread/route.ts)   | ✅ |
|<img alt="豆瓣电影" src="./public/douban-movic.svg" width="30" style="display:inline-block"/>| 豆瓣电影 | 新片榜   | [douban-movic](./src/app/api/douban-movic/route.ts)   | ✅ |
|<img alt="网易云音乐" src="./public/netease-music.svg" width="30" style="display:inline-block"/>| 网易云音乐 | 热歌榜   | [netease-music](./src/app/api/netease-music/route.ts)   | ⭕ |

## 🧑‍💻 项目运行
**环境：Node.js > 18.17**

```powershell
// 克隆项目
git clone https://github.com/baiwumm/next-daily-hot.git

// 安装依赖
pnpm install

// 运行
pnpm dev
```

## ⚙️ Vercel 一键部署
1. `Fork` 本项目，在 `Vercel` 官网点击 `New Project`
2. 点击 `Import Git Repository` 并选择你 fork 的此项目并点击 `import`
3. `PROJECT NAME`自己填，`FRAMEWORK PRESET` 选 `Other` 然后直接点 `Deploy` 接着等部署完成即可

<a href="https://vercel.com/dashboard" target="_blank">
<img alt="vercel 部署" src="./src/assets/vercel.svg" />
</a>

## ⚙️ Vecel 本地部署
```powershell
// 全局安装 vercel
npm i -g vercel

// 登录
vercel login

// 项目推送
vercel

// 挂载生产
vercel --prod
```
> 具体教程可参考文章：[如何使用 Vercel 托管静态网站](https://baiwumm.com/p/5zzij7bt)

## ⚠️ 责任声明
1. 本项目的接口会频繁请求官方数据，部分接口使用了 **页面爬虫抓取**，若违反对应页面的相关规则，请 **及时通知我去除该接口**
2. 如果想集成其他平台的热搜或热点 `API`，可以提 `Issues` 
3. 本项目提供的 `API` 仅供开发者进行技术研究和开发测试使用，任何因使用本 `API` 产生的损失，本项目不负担任何赔偿和责任

## 😘 鸣谢
特此感谢为本项目提供支持与灵感的项目，本项目在其基础上使用 `Next.js` 和 `Tailwindcss` 构建并优化，感谢开源社区提供的精神支持

- [imsyy/DailyHot](https://github.com/imsyy/DailyHot)
- [imsyy/DailyHotApi](https://github.com/imsyy/DailyHotApi)

## ⭐ Star History

[![Star History Chart](https://api.star-history.com/svg?repos=baiwumm/next-daily-hot&type=Date)](https://star-history.com/#baiwumm/next-daily-hot&Date)