Fix
Astro support issues
with screen recordings
Logs, errors, and network data from every framework island.
Captures across React, Vue, and Svelte islands.

Works with the tools you already use
Session recordings, any island
Customers record from a link. You get a full replay — interactions across every framework island on the page captured in a single recording.
One recording, all islands

Errors and network captured
Console errors, network activity, browser metadata, and user actions — captured regardless of which framework island generated them.
Cross-island diagnostics

Redaction built in
Sensitive data is masked before recordings leave the browser. SSR middleware handles token preservation through Astro redirects. GDPR and CCPA compliant.
Private across every island

Routes to your support stack
Recordings attach to Intercom, Zendesk, and Slack conversations. Link session details to support tickets. API and webhook access for custom routing.
Where your team triages

Astro
Astro Setup Guide
Install Userplane in your Astro application. Client-side script blocks and SSR middleware.
SDK Overview
Embed script or npm package. Attach metadata, control recordings, and configure privacy.
How Screen Recording Works
How recordings capture console logs, network requests, and session details automatically.
Next.js
Capture console logs, network requests, and session details from your Next.js app. Works with App Router and Server Components.
React
Console logs, network activity, and session info — captured from your React app. Works with Vite, CRA, and custom setups.
Vue
Capture console logs, network requests, and session data from your Vue app. Compatible with Vue 3 and Vue Router.
Troubleshoot Astro issues across every island
Island rendering issues, hydration bugs, and runtime errors — diagnosed with full technical context from every recording.