Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Add Amazing Analytics to Next.js 15 in 8 Minutes - Replay, Rageclicks, Heatmaps, DAU/MAU

ByteGrad via YouTube

Overview

Coursera Spring Sale
40% Off Coursera Plus Annual!
Grab it
Learn to integrate comprehensive analytics into your Next.js 15 application using PostHog in just 8 minutes. Set up PostHog for Next.js projects and understand how pages work in the Next.js App Router. Create a page view component to track user interactions and implement pageleave events for better user behavior insights. Explore basic analytics features and understand the differences between local and production analytics environments. Discover advanced analytics capabilities including session replay functionality to watch user interactions, rageclicks detection to identify user frustration points, heatmap visualization to see where users click and scroll, and DAU/MAU (Daily Active Users/Monthly Active Users) metrics tracking. Master the complete analytics setup process from initial configuration through advanced feature implementation, enabling you to gather valuable user behavior data and improve your Next.js application's user experience.

Syllabus

00:00 Intro
00:49 PostHog setup for Next.js
02:52 How pages in Next.js App Router work
03:37 Page view component
05:44 Pageleave event
06:03 Basic analytics
07:11 Local vs Prod analytics
07:46 Session replay
08:35 Rageclicks
09:14 Heatmap
09:57 DAU/MAU

Taught by

ByteGrad

Reviews

Start your review of Add Amazing Analytics to Next.js 15 in 8 Minutes - Replay, Rageclicks, Heatmaps, DAU/MAU

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.