主页
项目
博客
闲聊
暗室

已断开连接

使用 Next.js&NextMe 构建

© 2021-2026 @Hamster196304f986a
BackIconBackIcon回到列表

nezha-dash 简易部署教程

发布日期

2024年7月27日

作者

Hamster1963

仓鼠

阅读数

Hamster1963

项目信息

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

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

项目架构

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

Routing: 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 环境变量

Deploy! 大功告成!

0%
    回到顶部