Fix Next.js Next.js support issues
with screen recordings

Every recording ships with console logs, errors, and network data. Works with App Router and Server Components.

View DocsGet Started
Userplane screen recording from a Next.js application

Works with the tools you already use

IntercomIntercom
ZendeskZendesk
CrispCrisp
Help ScoutHelp Scout
SlackSlack
ZapierZapier
FreshdeskFreshdesk
HubSpotHubSpot
JiraJira
LinearLinear
NotionNotion
SalesforceSalesforce
IntercomIntercom
ZendeskZendesk
CrispCrisp
Help ScoutHelp Scout
SlackSlack
ZapierZapier
FreshdeskFreshdesk
HubSpotHubSpot
JiraJira
LinearLinear
NotionNotion
SalesforceSalesforce
01

Record customer sessions

Send a recording link. Get back a full session replay from the customer's Next.js app — every click, navigation, and error captured. No browser extension needed.

One link, full replay

One-click recording linksFull session replayNo browser extensionsWorks with App Router
Learn more
Record customer sessions
02

Logs, network, and metadata

Console errors, network request details, and browser fingerprints ship with every recording. Debug client-side hydration issues and API failures without asking for steps to reproduce.

Debug without the back-and-forth

Console logs and error tracesNetwork request overviewBrowser and device metadataStep-by-step user actions
Learn more
Logs, network, and metadata
03

Redaction before capture

PII is masked before recordings leave the browser. GDPR and CCPA compliant. Middleware-compatible token handling for App Router redirects.

Private by default

Client-side PII maskingGDPR & CCPA compliantMiddleware token handlingConfigurable redaction rules
Learn more
Redaction before capture
04

Plugs into your help desk

Recordings attach to Intercom, Zendesk, and Slack conversations. Link session details to tickets. API and webhook access for custom routing.

Deliver context where tickets live

Intercom, Zendesk, SlackRecordings linked to ticketsAPI and webhook accessChrome extension included
Learn more
Plugs into your help desk
Resources

Next.js

Guide

Next.js Setup Guide

Install Userplane in your Next.js App Router application. Dynamic import, provider component, and middleware setup.

SDK

SDK Overview

Embed script or npm package. Attach metadata, control recordings, and configure privacy.

Recording

How Screen Recording Works

How recordings capture console logs, network requests, and session details automatically.

Framework

React

Every React recording ships with console logs, network activity, and session context. Works with Vite, CRA, and custom setups.

Framework

Vue

Every Vue recording ships with console logs, network data, and session activity across Vue 3 components and Vue Router transitions.

Framework

Angular

Resolve Angular bugs from screen recordings. Get console logs, network data, and session activity from standalone components.

View all frameworks See all docs

Debug Next.js issues with full session context

Hydration errors, API failures, and client-side bugs — diagnosed with console logs, network data, and full session context.

View DocsGet Started