AnalyticsCAN I VIBECODE
Umami Cloud?
BUILD FIRST
- One defined user and a repeatable end-to-end job
- A small, clear data model with sign-in only if it is genuinely needed
- Loading, empty, error, and success states that make the workflow feel complete
LEAVE FOR LATER
- Large integration marketplaces
- Multi-region scale and enterprise administration
- Every power-user setting from the established product
RESEARCH NOTES
What this tool actually does.
Umami is an open-source, privacy-first web analytics platform; Umami Cloud is the hosted version operated by its creators. It tracks pageviews, visitors, bounce rate, and average visit time, plus custom events (clicks, form submissions, signups) via a lightweight script under 2KB. Advanced features include funnels, user journeys, session replays, revenue attribution, UTM campaign tracking, and period-over-period comparisons. It uses no cookies, no fingerprinting, and collects no personal data, making it GDPR and CCPA compliant. Dashboards filter by country, device, browser, and referrer. It supports teams with roles and access control, and provides a full REST API. Cloud is fully managed, scalable, and usage-based priced. Self-hosting via Docker is available.
RESEARCHED BUILD PROMPT
Give this to your coding agent.
Build 'Prismly', a privacy-first web analytics SaaS inspired by the workflow of Umami Cloud. Core workflow: site owners add a tiny async tracking script (<2.5KB) to their pages; the script sends pageview and custom event payloads to a collection endpoint; the dashboard displays real-time and historical metrics with date-range filtering.
User-facing requirements:
- Dashboard with pageviews, unique visitors, bounce rate, avg visit time, referrers, top pages, countries, devices, browsers
- Custom events with optional revenue values
- Funnels, retention, UTM attribution, period-over-period comparison
- Team workspaces with roles (owner/admin/analyst)
- Simple embeddable charts API
Technical requirements:
- Node.js + Next.js frontend, Postgres (or ClickHouse for scale), Redis for rate-limiting
- Tracking endpoint accepting POST/GET beacon with gzip; events stored as immutable rows
- No cookies, no fingerprinting, IP hashed/salted then discarded
- REST API for data export with API keys; webhooks for new events
- Docker Compose deploy; SQL migrations
Implementation approach: use a single Next.js app with API routes, a lightweight custom tracker (not third-party), server-side aggregation for dashboards, and a simple tag-based event trigger in the script.
Out of scope: session replays, heatmaps, A/B testing, marketing site, multi-region ingest.
Do not copy Umami's brand, logo, colors, or UI. Build a distinct visual identity.
Include a README with setup instructions, architecture diagram, privacy caveats, and known limitations (e.g., ad-blocker impact, sampling behavior at scale).