惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

GbyAI
GbyAI
D
Docker
F
Fortinet All Blogs
MongoDB | Blog
MongoDB | Blog
月光博客
月光博客
罗磊的独立博客
N
Netflix TechBlog - Medium
Y
Y Combinator Blog
博客园 - 司徒正美
T
Tailwind CSS Blog
C
Check Point Blog
V
V2EX
Microsoft Azure Blog
Microsoft Azure Blog
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
P
Proofpoint News Feed
L
LangChain Blog
D
DataBreaches.Net
酷 壳 – CoolShell
酷 壳 – CoolShell
有赞技术团队
有赞技术团队
腾讯CDC
Last Week in AI
Last Week in AI
Jina AI
Jina AI
博客园 - Franky
量子位

谜叶象限

Qoder 限免 Qwen3.8-Flash:免费用到 9 月底 | Margin Vibecoding 一个主题切换动画库:13 种揭幕方式 | Margin ZCode 周末送额度:3 亿 Token 免费领取攻略 | Margin 视频卡片:在文章里嵌入一个视频 | Margin Agent 免费模型盘点:现在还能白嫖什么 | Margin GLM-5.3-Flash 发布:从「牛来」神秘刷屏到开源普惠 | Margin 从 Halo 到 Astro:博客终于变简单了 | Margin 音乐卡片:在文章里引用一首歌 | Margin 链接卡片:在文章里引用外链与站内文章 | Margin Markdown 语法演示:本站文章的书写指南 | Margin DeepSeek Harness 入门:从安装配置到跑通第一个任务 | Margin 探索 Nuxt.js 全栈能力:用 Better-Auth 打造类型安全的 RBAC 权限系统 – 谜叶象限 年前小记:一次加班,一场尴尬,与一些过年随想 年前小记:一次加班,一场尴尬,与一些过年随想 | Margin 您好,2026:愿我们奔赴在热爱里 您好,2026:愿我们奔赴在热爱里 | Margin 动态配色方案:在 Next.js 中实现 Shadcn UI 主题色切换 Next.js 动态主题色切换:基于 CSS 变量的实现方案 | Margin 2025年度报告:普通人的变与不变 2025 年终总结:健康、感情与工作 | Margin 不只是作品集:用 Next.js 打造我的数字作品库 发现一款宝藏工具:Shots.so,几秒钟做出高级感 Mockup 发现一款宝藏工具:Shots.so,几秒钟做出高级感 Mockup | Margin Cover Magic:专业的封面设计工具,支持实时预览和高质量导出 Cover Magic:专业的封面设计工具,支持实时预览和高质量导出 | Margin Nuxt4.0初体验:一个简约、精美、现代化的个人站点导航! git commit -m "feat: 告诉你妈,我现在买得起房子了!" git commit -m "feat: 告诉你妈,我现在买得起房子了!" | Margin 一次旅游引发的家庭争论:当节俭传统遇上"趁能走多看看"的晚年愿望 一次旅游引发的家庭争论:当节俭传统遇上"趁能走多看看"的晚年愿望 | Margin
基于 Next.js 的今日热门榜单平台
白雾茫茫丶 · 2025-05-12 · via 谜叶象限

🚀 项目简介

今日热榜 是一个基于 Next.js 构建的现代化热点聚合平台,实时汇聚各大主流网站的热门内容,为用户提供一站式的热点资讯浏览体验。

  • 项目预览:

https://hot.baiwumm.com/
  • Github:

https://github.com/baiwumm/next-daily-hot

🎯 项目亮点

  • 🔥 实时热点 - 聚合 17+ 主流平台热门内容

  • 极速体验 - SSR 渲染,首屏加载快速

  • 🎨 现代设计 - 支持明暗主题切换

  • 📱 响应式 - 完美适配桌面端和移动端

  • 🚀 易部署 - 支持 Vercel 一键部署

✨ 核心特性

  • 🆕 最新技术栈 - 基于 React 18、Next.js 14 等前沿技术

  • 极速响应 - 优化的数据获取和缓存策略

  • 🏗️ 架构清晰 - 模块化设计,易于维护和扩展

  • 🌙 主题切换 - 内置明暗主题,护眼体验

  • 🔍 SEO 友好 - SSR 渲染,搜索引擎优化

  • 📊 数据可视 - 直观的热度展示和排行

🛠️ 技术栈

💻 演示预览

💯 支持平台

状态说明: ✅ 稳定运行 | ⭕ 偶尔不稳定 | ❌ 暂不可用

📱 社交媒体

🎬 娱乐内容

📰 新闻资讯

🔍 搜索引擎

💡 知识社区

📚 其他服务

🚀 快速开始

📋 环境要求

  • Node.js >= 18.17.0

  • pnpm >= 8.0.0 (推荐) 或 npm/yarn

🛠️ 本地开发

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

# 2. 进入项目目录
cd next-daily-hot

# 3. 安装依赖
pnpm install

# 4. 启动开发服务器
pnpm dev

# 5. 打开浏览器访问
# http://localhost:3000

🏗️ 构建部署

# 构建生产版本
pnpm build

# 启动生产服务器
pnpm start

# 代码检查
pnpm lint

# 类型检查
pnpm type-check

📦 部署指南

🚀 Vercel 手动部署

  1. Fork 本项目到你的 GitHub 账户

  2. Vercel 中点击 "New Project"

  3. 选择你 Fork 的项目仓库

  4. 保持默认配置,点击 "Deploy"

  5. 等待部署完成,获取访问链接

🔧 Vercel CLI 部署

# 安装 Vercel CLI
npm i -g vercel

# 登录 Vercel
vercel login

# 部署到预览环境
vercel

# 部署到生产环境
vercel --prod

🤝 贡献指南

我们欢迎所有形式的贡献!如果你想为项目做出贡献,请遵循以下步骤:

🐛 报告问题

  • 使用 GitHub Issues 报告 bug

  • 提供详细的问题描述和复现步骤

  • 包含相关的错误信息和环境信息

💡 功能建议

  • 通过 Issues 提出新功能建议

  • 描述功能的使用场景和预期效果

  • 欢迎提供设计思路和实现方案

📝 添加新平台

如果你想添加新的热点平台支持:

  1. src/app/api/ 目录下创建新的路由文件

  2. 实现数据获取逻辑

  3. 添加对应的图标到 public/ 目录

  4. 更新 README.md 中的平台列表

  5. 提交 PR 并说明新平台的特点

⚠️ 免责声明

⚠️ 重要提醒:请仔细阅读以下声明

📋 使用条款

  1. 数据来源:本项目通过公开 API 和网页抓取获取数据,仅供学习和研究使用

  2. 合规使用:用户需遵守各平台的使用条款和相关法律法规

  3. 商业使用:禁止将本项目用于任何商业用途

  4. 数据准确性:不保证数据的实时性和准确性

🛡️ 责任限制

  • 本项目仅供技术研究和学习交流使用

  • 任何因使用本项目产生的法律风险由使用者自行承担

  • 如有平台方要求移除相关接口,请及时联系我们处理

  • 项目维护者不承担任何直接或间接的损失责任

🙏 致谢

💖 开源项目

感谢以下开源项目为本项目提供的灵感和支持: