Tutorials

Follow the below tutorials to get the most out of OpenReplay.

How-tos

Learn from the below tutorials using real-world use cases.

Plugins

• Assist: Offer the best support and on-boarding exeprience for your end users though live session replay.
• Fetch Plugin: Learn how to set up and sanitize request information using the Fetch plugin.
• Axios Plugin: Learn how to set up and sanitize request information using the Axios plugin.
• Redux Plugin: Learn how to set up the Redux plugin to capture state changes in your session replays.
• VueX Plugin: Learn how to set up the VueX plugin to capture state changes in your session replays.
• GraphQL Plugin: Learn how to set up the GraphQL plugin to capture operation data in your session replays.
• Zustand Plugin: Tracking state data from Zustand with the Zustand Tracker plugin.

Features

• OmniSearch: Take advantage of our powerful search feature to find the right type of session for your project.
• Adding users to your team: Learn how to add users to your self-hosted instance of OpenReplay.
• Issue Types: Learn what all the auto-detected issues mean and how to get the most out of them.
• Enhance your tracking ability with Custom Events: Learn about custom events and how you can increase your tracking super powers.
• Dashboards:
  • Creating custom dashboards: Learn how to leverage custom dashboards to visualize the current state of your system.
  • Creating custom funnel: Learn how to create custom funnels to understand what's causing your conversion drops.
  • Showing JavaScript errors on a custom dashboards: Add a custom metric (JS Errors) into your Dashboards with this tutorial.

Integrations with other frameworks

• Getting started with:
  • Next.js and OpenReplay: Learn how to integrate the tracker into your Next.js application.
  • Nuxt and OpenReplay: Learn how to integrate the tracker into your Nuxt application.
  • Remix and OpenReplay: Learn how to integrate the tracker into your Remix application.
  • Svelte and OpenReplay: Learn how to integrate the tracker into your Svelte application.
  • Angular and OpenReplay: Learn how to integrate the tracker into your Angular application and track request data.
  • Gatsby and OpenReplay: Learn how to integrate the tracker into your Gatsby project.

Extend OpenReplay with new features

• Custom heuristic: Make your own issue detection algorithm and add it to OpenReplay heuristics engine.