This guide explains how to add Fullview (session replay and AI agent) to a React or Next.js app. Fullview’s docs use plain HTML/JavaScript; here we adapt that for a component-based app and keep identity in sync with your auth state.
Fullview should load early, before your app. Use the Next.js Script component so the script is injected into the document and runs at the right time.
| const { resolve } = require('path'); | |
| const { createHash } = require('crypto'); | |
| const { readFileSync, writeFileSync } = require('fs'); | |
| const { globSync } = require('glob'); | |
| /** | |
| * Script to extract inline scripts from HTML files and externalize them | |
| * This helps with CSP (Content Security Policy) compliance by removing inline scripts | |
| */ |
I hereby claim:
To claim this, I am signing this object:
