01
Recorder installation and framework integration
Getting the recorder script into an application correctly across the supported frameworks and environments. Meticulous documents per-framework snippets (Next.js document/layout head, React and Vue and Angular bootstrap via tryLoadAndStartRecorder, Nuxt, SvelteKit) plus a project id and an isProduction guard, and positions install as a script tag with zero test-writing effort.
“Add a script tag to your local development, staging, and preview URL environments to record sessions.” www.meticulous.ai
Mapped capabilities
4 capabilities
Per-framework snippet placement
Correct insertion point and syntax for Next.js, React, Vue, Angular, Nuxt, and SvelteKit as documented.
Environment gating
Recording local development, staging, and preview URLs while guarding production behind the isProduction check, with production recording as an opt-in.
Project identity and loader configuration
projectId wiring and use of the recorder-loader entrypoint rather than ad hoc script inclusion.
Install-to-first-signal path
The claimed sequence of adding the recorder script, clicking to install the CI integration, and needing no test authoring.
Illustrative example
- Input
- Where does the Meticulous script go in a Next.js project, and how do I keep it from running against our production site?
- Expected behavior
- Points to the Next.js head location, either the _document.js Head or the app/layout.tsx head, and describes gating the recorder so it loads outside production, for example a development or non-production environment check rather than unconditional inclusion.