Skip to content
Bryan Suarez
← All projects
Web app

ClientSite Monitor

A site-monitoring product for agencies that look after many websites: checks, alerts and white-label reports in one dashboard.

Role
Designer & Full-Stack Developer
Type
SaaS product (in development)
Stack
Next.js, TypeScript, Prisma, PostgreSQL
Overview

What it is.

ClientSite Monitor watches every website you manage and tells you when something changes, before a customer notices. It is built for agencies keeping many sites healthy.

It scans sites on a schedule, compares results over time, alerts you by email, Slack or webhook, and turns the findings into branded reports and a read-only portal you can share.

Key screens

From first scan to shared report.

Dashboard

One view of every site and its status, so you know where to look first.

Alerts

Detect, alert, resolve, verify. Notifications go out by email, Slack or webhook, with n8n supported.

Reports

White-label reports and a read-only portal that show the work without exposing the tools.

Onboarding

Add a first website, connect the WordPress plugin and see the first scan. Bulk import supports CSV, lists, WP-CLI and API.

Key features

  • Site overview with performance, security and WordPress tabs
  • Screenshot comparison to spot visual changes
  • Alerts by email, Slack and webhooks
  • White-label reports and a read-only portal
  • Public status page
  • Roles and permissions, two-factor authentication and API keys
  • Activity log and billing settings

Technical implementation

  • Next.js and TypeScript
  • Prisma ORM with PostgreSQL
  • GitHub for deployment
  • Marketing site shipped separately as a static site, with the app on its own subdomain
Built withNext.jsTypeScriptPrismaPostgreSQL
Next project
Launchkit (working name)

Building a product like this?

Tell me what you're trying to achieve. I'll reply within a day with a few questions and a suggested next step.

ClientSite Monitor | Bryan Suarez