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

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

Features

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

Integrations with other frameworks

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

Extend OpenReplay with new features

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