[开源项目自荐] Kuma Mieru 一款美观现代、可无缝对接 Uptime Kuma 的监控仪表盘

项目介绍

Kuma Mieru 是一款基于 Next.js 15、TypeScript 和 Recharts 构建的监控仪表盘。

本项目使用 Recharts 、TailwindCSS 完全重写了仪表盘前端,希望能解决 Uptime Kuma 内建公开状态页面不够直观、没有延迟图表、比较丑 (个人观点) 等痛点。

项目特性

只需要配置 Uptime Kuma 站点 URL + 状态页面 ID 即可快速拥有一个美观、现代的在线监控页,支持使用 Vercel (推荐) / Netlify / Cloudflare Pages (未测试) 一键部署。

可直接无缝对接 Uptime Kuma (需要先部署 Uptime Kuma 后端),不需要额外配置。

截图一览

开源地址

开源仓库 & 部署教程: GitHub - Alice39s/kuma-mieru: A 3rd-party Uptime Kuma monitoring dashboard built on Next.js 16, TypeScript and Recharts.

在线体验: https://kuma-mieru.vercel.app/?ld

41 个赞

好看,感谢大佬

5 个赞

确实好看,要是能独立部署就更好了:heart_eyes:

4 个赞

有点帅气

3 个赞

大佬好强

3 个赞

好看,谢谢大佬!

2 个赞

感谢推荐

2 个赞

会考虑支持独立部署吗

3 个赞

已经用过一段时间了,很不错

2 个赞

感谢佬的分享,看着不错呢

2 个赞

看着可以哦,回头试试

2 个赞

刚刚部署了一下,发现一个问题,这个搭建很耗资源,2H1G的服务器搭建,CPU和内存直接爆了。。。

3 个赞

非常抱歉,佬友应该使用的是 Docker 部署方式,这是一个已知问题:由于 Next.js SSR runtime 对环境变量的一些限制 (打包成镜像时会直接硬编码构建时环境变量)

目前使用 Docker (Run / Compose) 第一次部署时都会在本地构建一遍前端,构建完成后占用就会恢复正常,预计在后面更新时会考虑解决这个问题

2 个赞

感谢佬友建议,下一个大版本 (v2) 更新时会考虑兼容 Uptime Robot + Better Stack + 内置数据源 的支持 :eyes:

2 个赞

@nshpiter

3 个赞

页面真的挺不错的,期待优化后的版本

2 个赞

你去部署一下

3 个赞

支持一下很不错。有个问题uptimekuma是不是只能统计最近几次的状态,似乎不能像uptimerobot那样显示近几十天的状态欸

2 个赞

这是由于 Uptime Kuma 完全没有 实现 API 能力,几乎所有 Uptime Kuma 插件均是逆向原程序的 Socket.IO 接口实现 :innocent: ,需要配置账号密码模拟登录才能拿到完整的监控数据。

而 Kuma Mieru 采用了相对优雅的 「提取状态页面公开接口」方法以获取监控数据,但缺点就是只能拿到最近 50 次采样、24 小时 SLA 的基础数据

预计在 2.0 大版本重构一下这个项目,兼容 Uptime Robot 等数据源后解决这个尴尬的问题。

3 个赞

感谢分享