chmonitorchmonitor
Deployment

Vercel

Deploy chmonitor to Vercel — legacy guide for the Next.js v0.2 build; v0.3+ targets Cloudflare Workers or Docker.

Deploy chmonitor to Vercel using the legacy Next.js build. Vercel auto-deploys on push to main and inlines client env at build time.

Legacy guide — Next.js v0.2 only

This guide targets the legacy Next.js build (v0.2 and earlier). The current app (apps/dashboard, TanStack Start, v0.3+) is designed for Cloudflare Workers. If you run v0.3+, use Cloudflare Workers or Docker.

Loading diagram…

Prerequisites

What you need

  • A Vercel account
  • Node.js 22.x or later (build runtime)
  • A reachable ClickHouse endpoint with a monitoring user

Setup

Use the one-click button, or follow the manual steps.

Deploy with Vercel

Import the repo

Go to vercel.com/new and import the repository.

Set build settings

Vercel detects Next.js automatically.

SettingValue
Framework presetNext.js
Build commandpnpm run build (or npm run build)
Output directory.next
Install commandpnpm install
Node.js version22.x or later

Set environment variables

Project → Settings → Environment Variables — see Configure.

Deploy

Click Deploy or push to main.

Configure

Required: CLICKHOUSE_HOST, CLICKHOUSE_USER, CLICKHOUSE_PASSWORD.

Set CHM_* once (Environment variables). Do not set VITE_* or NEXT_PUBLIC_* as operator config — the current app is TanStack Start.

Template: apps/dashboard/.env.example.

Verify

  • Open the Vercel URL — overview should load.
  • Upgrade: push to main (or merge). Env changes: update in the dashboard, then Deployments → Redeploy.

For breaking changes, see Migrating to v0.3.

Troubleshooting

On this page