Overview

All framework installs use the same npm package:

npm install @tracelit/tracker

Pick your framework below. Replace YOUR_TOKEN_HERE with the site token from Utilities → Environment in the Tracelit app. Always pass environment: 'production' or environment: 'development' — ingest only accepts these two values for frontend sites.

Framework	Guide
React	Install
Next.js — App Router	Install
Next.js — Pages Router	Install
Vue 3	Install
Svelte / SvelteKit	Install
Angular	Install
Script tag	Install

LLM Prompt

Paste this into your coding assistant to install Tracelit for you:

Install Tracelit in my project.

Framework: <react | next-app-router | next-pages-router | vue | sveltekit | angular | plain-html>
Site token: YOUR_TOKEN_HERE
Environment: production

Rules:
1) If this project uses a JS framework, install @tracelit/tracker and initialize it with both token and environment ('production' or 'development') in the app root/entry file.
2) If this is plain HTML, add the Tracelit script right before </head> with token and environment on __tl.
3) Keep changes minimal and production-safe.
4) Show exactly which file(s) you changed and the final code block(s).
5) Give me a 30-second verification checklist in the Tracelit dashboard.

Frontend

Backend

LLM Prompt

​LLM Prompt

LLM Prompt