React Framework

Next.js

Analytics Built for React & Next.js Apps

Standard analytics miss page views in SPA apps entirely. Web Analyzer App tracks every client-side navigation in both App Router and Pages Router — automatically, with 2 KB of JavaScript.

2 KB tracker No cookies GDPR & CCPA ready Real-time data Free forever plan

2 KB

Gzipped tracker size

< 1 ms

Main thread impact

0

Cookies set

Free plan websites

Why Next.js users switch

The problems we were built to solve

🔄

SPA navigation is invisible to standard analytics

When Next.js routes between pages client-side, traditional analytics never fires a page view. Web Analyzer App hooks into router events to track every transition.

📦

Most analytics add 20+ KB to your bundle

Performance matters in React apps. Our 2 KB async script loads after your app and never appears in your bundle or Core Web Vitals.

⚛️

Custom event tracking requires boilerplate

Firing analytics events from React components usually means wrapping calls in useEffect or custom hooks. Tracker.track() is a simple one-liner that works anywhere.

Everything you need

Analytics built for Next.js

One subscription. Every feature you need to understand your Next.js visitors and grow your business.

App Router & Pages Router support

Works with both Next.js architectures. A small client component uses usePathname for App Router; router.events handles Pages Router.

Custom events from any component

Call Tracker.track('event_name', { data }) from any React component, server action output, or client-side handler.

Real user session stitching

Sessions are linked across navigations so you see the complete user journey — not isolated page views.

UTM & referrer capture

Capture UTM params on first load and attribute them to the entire session, even through SPA navigations.

Conversion goals

Define goals based on route visits — /checkout/success, /pricing, /signup — and track conversion rates over time.

Uptime & API health checks

Monitor your Next.js app's availability and get instant alerts if a deployment breaks your site.

Dead-simple setup

Set up in under 2 minutes

No SDK to install. No build step. Just paste 2 lines and data starts flowing.

app/layout.tsx — or components/Analytics.tsx
'use client';
import { useEffect } from 'react';
import { usePathname } from 'next/navigation';

export default function Analytics() {
  const pathname = usePathname();
  useEffect(() => {
    window.Tracker?.page();
  }, [pathname]);
  return null;
}

Replace YOUR_KEY with your tracking key from your dashboard. Create a free account →

Simple pricing

Start free. Upgrade when you're ready.

No contracts. Cancel anytime. Your data is always yours.

Free

$0/mo

Forever free. No credit card.

  • 1 website
  • 50,000 events/month
  • Sessions, visitors & pages
  • Custom events
  • 2 conversion goals
  • Uptime monitoring
Get Started Free
Most Popular

Pro

$14.99/mo

First month free — cancel anytime

  • 10 websites
  • 1,000,000 events/month
  • Everything in Free
  • Unlimited goals & funnels
  • Cohort retention analysis
  • Uptime checks every 5 min
Start Free Trial →

Secure payments via Stripe · No contracts · 7-day money-back guarantee

Start understanding your Next.js visitors today

Takes 2 minutes to set up. No engineer required. Free forever plan available.