explaingit

huilang-me/cf-server-monitor

Analysis updated 2026-05-18

25JavaScriptAudience · ops devopsComplexity · 3/5Setup · moderate

TLDR

A free server monitoring dashboard built on Cloudflare Workers and D1, showing CPU, memory, network, and location data with Telegram or WeChat alerts.

Mindmap

mindmap
  root((repo))
    What it does
      Server monitoring dashboard
      Cloudflare Workers backend
      Real time metrics
    Tech stack
      Vue 3
      Vite
      Cloudflare Workers D1
    Use cases
      Track server metrics
      Get offline alerts
      View historical charts
    Audience
      Ops and sysadmins
    Caveats
      Requires Cloudflare and GitHub accounts
      China ISP latency is a niche feature

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Monitor CPU, memory, disk, network, and process metrics across multiple servers on one dashboard.

USE CASE 2

Get Telegram or enterprise WeChat alerts when a server goes offline.

USE CASE 3

View historical performance charts for individual servers over 1 to 24 hours.

USE CASE 4

Track latency specifically for Chinese ISPs like Telecom, Unicom, Mobile, and Bytedance.

What is it built with?

JavaScriptVue 3ViteCloudflare WorkersD1

How does it compare?

huilang-me/cf-server-monitor0xpira/sskillsarulsebastin71/smartqueue
Stars252525
LanguageJavaScriptJavaScriptJavaScript
Setup difficultymoderateeasymoderate
Complexity3/52/53/5
Audienceops devopsdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · moderate Time to first run · 1h+

Requires a Cloudflare account, D1 database setup, GitHub Actions secrets, and an install script run on each monitored server.

In plain English

CF-Server-Monitor is a server monitoring dashboard that runs entirely on Cloudflare's free infrastructure. It uses Cloudflare Workers (a serverless code platform) and D1 (Cloudflare's built-in database) to collect and display metrics from multiple servers without needing a dedicated hosting account. Version 2.0 of the project rebuilt the frontend using Vue 3 and Vite, separating it from the backend, and added bilingual support for Chinese and English. The monitoring dashboard tracks CPU usage, memory, disk, network traffic, active processes, and connection counts across all your servers. It displays that data in real time on a card or table view, and also shows a world map of where your servers are physically located. For each individual server you can pull up historical charts covering the past one, three, six, twelve, or twenty-four hours. The project also includes latency tracking specifically for Chinese internet providers, covering Telecom, Unicom, Mobile, and Bytedance networks. Alerts are supported for when a server goes offline. You can configure notifications through Telegram (by setting up a bot) or through enterprise WeChat group bots. Both are configured through the admin panel rather than editing code directly. Setting up the system requires a Cloudflare account and a GitHub account. You fork the repository, create a D1 database in the Cloudflare dashboard, grab your account ID and an API token, then store those values as GitHub secrets. From there, pushing to the main branch triggers an automatic deployment via GitHub Actions. Adding a new server to monitor involves running a one-line install script on that server, which sets up a lightweight agent that reports metrics at a configurable interval. The interface supports drag-and-drop reordering of server cards, a server-hiding option for non-logged-in visitors, theme switching between dark terminal and white terminal styles, and a local test mode for development without deploying first.

Copy-paste prompts

Prompt 1
Walk me through forking this repo and setting up a Cloudflare D1 database for it.
Prompt 2
How do I configure GitHub Actions secrets to deploy this monitoring dashboard automatically?
Prompt 3
Help me set up a Telegram bot to get alerts when a server goes offline.
Prompt 4
What does the one-line install script do when adding a new server to monitor?

Frequently asked questions

What is cf-server-monitor?

A free server monitoring dashboard built on Cloudflare Workers and D1, showing CPU, memory, network, and location data with Telegram or WeChat alerts.

What language is cf-server-monitor written in?

Mainly JavaScript. The stack also includes JavaScript, Vue 3, Vite.

How hard is cf-server-monitor to set up?

Setup difficulty is rated moderate, with roughly 1h+ to a first successful run.

Who is cf-server-monitor for?

Mainly ops devops.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.