项目信息
https://github.com/hamster1963/nezha-dash
NezhaDash 是一个基于 Next.js 和 哪吒监控 的仪表盘。

项目架构
为了使得项目可以部署在 Serverless 环境中,因此采用 Next.js 的 Route Handlers 作为后端进行数据获取。
页面中通过 SWR 来进行全局数据的获取,在 Handlers 中进行 nezha 面板数据的获取与处理。

项目部署
获取 nezha 面板地址URL

获取完整的面板 URL 根路径。
获取 nezha API Token
创建 Token 位置:管理后台 → API Token



Fork 至自己仓库

在 Vercel 中创建新项目,填入环境变量
NezhaBaseUrl: 面板URL
NezhaAuth: 管理后台创建的 API Token
NEXT_PUBLIC_NezhaFetchInterval: 获取数据间隔(毫秒)
其他环境变量可以参考 nezha-dash 环境变量
