next-cwv-monitor
A self-hosted RUM Core Web Vitals monitoring platform for Next.js applications.
Visit projectOverview
Google's Core Web Vitals directly impact SEO rankings and user experience. Yet existing monitoring solutions are either expensive, lack deep Next.js integration, or don't provide route-level insights.
next-cwv-monitor is a free, self-hosted alternative purpose-built for Next.js developers. Built at Blazity, it captures real user performance data and correlates it with business events.
Key Features
- Real User Monitoring - Capture LCP, INP, CLS, TTFB, and FCP from actual visitors
- Next.js Router Integration - Automatic route detection and normalization (
/blog/[slug]) - Device Segmentation - Filter metrics by desktop vs. mobile
- Percentile Analysis - View p50, p75, p90, p95, p99 distributions
- Custom Events - Track business events and correlate with web vitals
- Page Views - Automatic tracking for conversion analysis
- Privacy-first - No cookies, no personal data, GDPR-compliant by design
- Lightweight SDK - Under 5 kB gzipped, zero impact on app performance
Technologies Used
- Next.js 16 - Dashboard and monitoring UI
- ClickHouse - High-performance analytics database
- React - Interactive dashboard components
- TypeScript - Fully typed SDK and dashboard