ClickHouse Monitoring Dashboard

The simple Next.js dashboard that relies on system.* tables to help monitor and provide an overview of your ClickHouse cluster.

Features:

Query monitor: current queries, query history, query resources (memory, parts read, file_open, ...), most expensive queries, most used tables or columns, etc.
Cluster monitor: total memory/CPU usage, distributed queue, global settings, mergetree settings, metrics, etc.
Tables and parts information: size, row count, compression, part size, etc., at the column level detail.
Useful tools: Zookeeper data exploration, query EXPLAIN, kill queries, etc.
Visualization metric charts: queries and resource usage, number of merges/mutation, merge performance, query performance, etc.

Demo

The ClickHouse server running on my homelab so can be slow sometimes:

Feedback and contributions are welcome! Feel free to open issues or submit pull requests.

Name		Name	Last commit message	Last commit date
Latest commit History 1,063 Commits
.github		.github
app		app
components		components
cypress		cypress
docs		docs
lib		lib
public		public
types		types
.dockerignore		.dockerignore
.env.example		.env.example
.eslintrc.json		.eslintrc.json
.gitignore		.gitignore
.npmrc		.npmrc
.prettierignore		.prettierignore
Dockerfile		Dockerfile
LICENSE		LICENSE
README.md		README.md
TESTING.md		TESTING.md
components.json		components.json
cypress.config.ts		cypress.config.ts
cypress.d.ts		cypress.d.ts
jest.config.js		jest.config.js
menu.ts		menu.ts
middleware.ts		middleware.ts
next.config.ts		next.config.ts
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
postcss.config.js		postcss.config.js
prettier.config.cjs		prettier.config.cjs
renovate.json		renovate.json
tailwind.config.js		tailwind.config.js
tsconfig.json		tsconfig.json
turbo.json		turbo.json
vercel.json		vercel.json