← backData & AnalyticsFounding · Free forever

Build a marketing dashboard

Claude Code ships a real working dashboard faster than wiring up Looker.

by @whitney · recommended tool Claude Code · 0 unlocks

ALTERNATES

Claude Co-Work

You'll need

CONNECTORS

Google Drive

EXAMPLES · WHAT THIS PROMPT PRODUCES

Sample output

**Marketing Dashboard — Brightleaf Coffee (Next.js + shadcn/ui)**

Shipped a working dashboard wiring GA4, Meta Ads, and Shopify into one view.

**KPIs (top row, card grid)**
Revenue, ROAS, Blended CAC, AOV, Repeat Rate, Email-attributed revenue — each with a 30-day sparkline and WoW delta chip (green/red).

**Views (tabs)**
- **Overview** — KPI cards + revenue-by-day area chart + channel-mix donut.
- **By Channel** — sortable table (channel, spend, revenue, ROAS, CAC, conv. rate) with trend arrows.
- **By Campaign** — Meta campaign table with fatigue flag (7-day CTR delta).
- **Cohort** — monthly signup cohorts × repeat-purchase retention heatmap.

**Controls**
Date-range picker (presets: 7/30/90d, MTD, custom), a Refresh button that re-pulls each connector, and Export-to-CSV per table.

**Stack notes**
Next.js App Router, shadcn/ui cards + tables, Recharts for viz, server actions calling each platform's API with a 15-min cache. Env vars for the three API keys; falls back to cached data if a source errors.

**Run:** `pnpm install && pnpm dev` → localhost:3000. README documents the three required API keys and the refresh cadence. The whole thing is one app you can deploy to Vercel as-is.

PRICE HISTORY0 cr · current

PROMPT TEMPLATE · v1.0.0

Build a marketing dashboard for <BRAND>.
Data sources: <GA/META/HUBSPOT/SHOPIFY>. Stack: <NEXT.JS+SHADCN or PLAIN_HTML>.
KPIs: <LIST>. Views: overview, by channel, by campaign, cohort.
Include: date range picker, data refresh button, export to CSV.