Replay docs

Recording your application with the Replay browser lets you capture a bug once and inspect it after the fact without having to reproduce it again. This makes it possible to

Share the replay as a URL with your team so others can inspect it as if they were there when you recorded it.
Debug the replay with console.log added in at any point of the recording.
Inspect Network requests, React components, and DOM elements as if the application were running live on your laptop.

The ability to record and deterministically replay runtimes like Chrome is referred to as "time travel".

Let's use the Replay CLI to record our first replay so you too can start time traveling:

Install the Replay CLI

Run the following command to download and install the Replay CLI:

Terminal
npm i -g replayio

Start recording

Run the following command to open the Replay browser and start recording.

Terminal
replayio record

This command will:

Prompt you to login to your Replay account (if not already logged in)
Install the Replay browser (if not already installed)
Open the Replay browser for you to record an interaction to dive deeper into

Upload your replays

When you close the browser, you'll be prompted to upload your recordings.

Terminal
New recordings found. Would you like to upload them? (Y/n)

View your replay

Once the upload is completed, the CLI will give you the replay url.

Terminal
Uploading recordings...
a616009e.. overboard.dev Now 7.5s (uploaded)

View recording at:
https://app.replay.io/recording/a616009e-b825-4c54-83b4-e20bd8c0cb25