All use cases

Analytics Viewer

Visualize traffic and engagement.

Dashboards
Prompt
Create a real-time analytics dashboard using Next.js and Recharts. Visualize page views, unique visitors, and bounce rate from a ClickHouse database.
Use this

Why this exists

Hosted analytics wants two things from you: a monthly fee and a script tag that ships your visitors' data to their servers. If you already pipe events into ClickHouse, you're paying twice, once for the warehouse you run and once for the dashboard someone else runs on top of it. This blueprint closes that gap. You describe the metrics you care about, and the agent builds a viewer that reads straight from your own database.

What the agent builds

A real-time analytics dashboard built with Next.js and Recharts, wired to a ClickHouse database. It surfaces the three numbers that tell you whether a page is working: page views, unique visitors, and bounce rate, each rendered as a live chart that refreshes as new events land instead of sitting on yesterday's snapshot.

You watch it happen in the task workspace: the agent scaffolds the project, writes the ClickHouse queries, builds the charts, starts the dev server, and confirms the dashboard renders before handing you a live preview. The code lands on a branch in your repository with a pull request ready.

Make it yours

The first version covers the core metrics and is yours to steer with plain follow-up messages:

  • "Add a date-range picker so I can compare this week to last."
  • "Break page views down by top referrer and country."
  • "Add a top-pages table sorted by views."
  • "Set the live charts to refresh every ten seconds."

Each follow-up wakes the same repository and the agent continues on its own code.

FAQ

Do I need to know how to code? No. You describe the metrics you want to see; the agent writes the queries, builds the charts, and ships the code to your repository.

Does my visitor data leave my infrastructure? No. The dashboard reads from your ClickHouse instance and renders on your own deployment. No third-party tracker sits in the middle.

What if I don't use ClickHouse? Tell the agent what you do use. The query layer is swappable, so point it at Postgres or another warehouse and it adapts.

Analytics Viewer | OutcomeDev Use Cases