已断开连接

使用 Next.js&NextMe 构建

© 2021-2025 @Hamster19636e1cc21
BackIconBackIcon回到列表

nezha-dash 简易部署教程

发布日期

2024年7月27日

作者

Hamster1963

仓鼠

阅读数

Hamster1963

项目信息

https://github.com/hamster1963/nezha-dash

NezhaDash 是一个基于 Next.js 和 哪吒监控 的仪表盘。

Untitled

项目架构

为了使得项目可以部署在 Serverless 环境中,因此采用 Next.js 的 Route Handlers 作为后端进行数据获取。

Routing: Route Handlers

页面中通过 SWR 来进行全局数据的获取,在 Handlers 中进行 nezha 面板数据的获取与处理。

Frame 10.png

项目部署

获取 nezha 面板地址URL

Untitled

获取完整的面板 URL 根路径。

获取 nezha API Token

创建 Token 位置:管理后台 → API Token

Untitled

Untitled

Untitled

Fork 至自己仓库

Untitled

在 Vercel 中创建新项目,填入环境变量

NezhaBaseUrl: 面板URL

NezhaAuth: 管理后台创建的 API Token

NEXT_PUBLIC_NezhaFetchInterval: 获取数据间隔(毫秒)

其他环境变量可以参考 nezha-dash 环境变量

Untitled

Deploy! 大功告成!

0%
    回到顶部
  • 项目信息
  • 项目架构
  • 项目部署
  • 获取 nezha 面板地址URL
  • 获取 nezha API Token
  • Fork 至自己仓库
  • 在 Vercel 中创建新项目,填入环境变量
  • Deploy! 大功告成!