Metrix Analytics by Nial MillerMetrix Analytics by Nial Miller

Metrix Analytics

Portfolio project
Nial Miller

Metrix Analytics | Privacy-Centric Real-Time Product Analytics Engine

A high-performance product analytics platform and real-time user event ingestion engine. Built with Next.js, TypeScript, Tailwind CSS, and ClickHouse/PostgreSQL, offering an agile alternative to bloated enterprise analytics suites with zero cookie-banner requirements.

โšก Executive Summary & Client ROI

Modern privacy regulations and ad-blockers break up to 35% of standard Google Analytics tracking. Metrix Analytics provides a first-party, privacy-compliant event ingestion pipeline that restores 100% data visibility, tracks user product engagement, and optimizes conversion funnels.
Metric
Target Achieved
Business Impact
Event Ingestion Latency
< 10ms
Real-time live visitor stream without processing delays
Data Recovery vs GA4
+28% Events
Immune to ad-blockers via first-party subdomain routing
Privacy Footprint
0 Cookies Required
Fully compliant with GDPR, CCPA, and PECR standards
Throughput Capacity
50M+ Events/mo
Columnar database compression and fast aggregations

๐Ÿš€ Key Engineered Features

โšก Lightweight First-Party Tracking Script: Under 2KB JavaScript snippet with asynchronous non-blocking beacons that preserve 100/100 Lighthouse performance.
๐Ÿ”„ Conversion Funnel Visualization: Interactive step-by-step conversion drop-off analysis to pinpoint checkout and onboarding friction.
๐Ÿ“Š Real-Time Live Event Stream: Visual waterfall of user sessions, page views, custom event triggers, and geographic presence.
๐ŸŽฏ Cohort Retention Analysis: Weekly and monthly cohort heatmaps tracking organic retention curves and feature adoption.
๐Ÿ›ก๏ธ Zero Personal Data Exposure: Cryptographic one-way daily salt hashing for session uniqueness without fingerprinting or storing IP addresses.
๐Ÿ”Œ Unified SDK Ecosystem: Native client SDKs for Next.js, React, Node.js, Python, and raw REST webhooks.

๐Ÿ›๏ธ System Architecture

Loading
flowchart LR subgraph ClientWebsites["First-Party Client Apps"] SDK["2KB Metrix Tracking SDK"] Beacon["navigator.sendBeacon API"] end subgraph IngestionGateway["Edge Ingestion Gateway"] EdgeWorker["Edge Ingest Endpoint (&lt;10ms)"] SaltHash["Daily Cryptographic Salting"] end subgraph AnalyticalStore["High-Scale Analytical Core"] Queue["Async Event Batching Queue"] ColumnarDB[(ClickHouse / Columnar Store)] DashboardUI["Next.js Real-Time Analytics UI"] end SDK --> Beacon Beacon --> EdgeWorker EdgeWorker --> SaltHash SaltHash --> Queue Queue --> ColumnarDB ColumnarDB --> DashboardUI

๐Ÿ› ๏ธ Complete Tech Stack

Frontend Dashboard: Next.js (App Router, Turborepo Monorepo)
Language: TypeScript (Strict Mode)
Data Storage: ClickHouse / PostgreSQL
UI & Components: Tailwind CSS & shadcn/ui
Charts: Tremor Visualizations & D3.js primitives

๐Ÿ Quick Start & Local Setup

1. Install workspace dependencies pnpm install # 2. Configure environment cp .env.example .env # 3. Start development stack pnpm dev

Open http://localhost:3000 to view the analytics console.

๐Ÿ‘จโ€๐Ÿ’ป Engineering Lead & Contract Inquiries

Architected and maintained by Niall.M โ€” Senior Webmaster, Principal Frontend Engineer & E-Commerce Architect.
๐ŸŒ GitHub: github.com/niallmuk
๐Ÿ“ง Email: niall@nialluk.com
๐Ÿ’ฌ Telegram: @nialluk
๐Ÿ“ฑ WhatsApp: +44 7446317825
๐Ÿ’ผ Contra Profile: Available for bespoke analytics instrumentation, event pipelines, and product tracking contracts.

About

Privacy-Centric Real-Time Product Analytics Engine & Event Ingestion Pipeline

Resources

Readme
AGPL-3.0 license
No releases published

Languages

0 likes ยท 0 views ยท Nov 13, 2026

High-performance, privacy-first real-time product analytics and event ingestion engine restoring full data visibility with sub-10ms ingestion and zero-cookie re

Tags