> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tracelit.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Overview

> Install Tracelit in React, Next.js, Vue 3, SvelteKit, Angular, or any site with a script tag. Copy-paste setup for every framework.

All framework installs use the same npm package:

```bash theme={null}
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                                        |
| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- |
| <img src="https://mintcdn.com/tracelit/yOAHPOHDFCUOtcaa/images/react.svg?fit=max&auto=format&n=yOAHPOHDFCUOtcaa&q=85&s=3eca879dea66fe72c9143661797be58c" alt="React" style={{ width: '20px', verticalAlign: 'middle' }} width="512" height="512" data-path="images/react.svg" /> React                            | [Install](/installation/react)               |
| <img src="https://mintcdn.com/tracelit/yOAHPOHDFCUOtcaa/images/nextjs.svg?fit=max&auto=format&n=yOAHPOHDFCUOtcaa&q=85&s=dbfc38b06e972f7ce85cc7cb3c8fbc74" alt="Next.js" style={{ width: '20px', verticalAlign: 'middle' }} width="512" height="512" data-path="images/nextjs.svg" /> Next.js — App Router   | [Install](/installation/nextjs-app-router)   |
| <img src="https://mintcdn.com/tracelit/yOAHPOHDFCUOtcaa/images/nextjs.svg?fit=max&auto=format&n=yOAHPOHDFCUOtcaa&q=85&s=dbfc38b06e972f7ce85cc7cb3c8fbc74" alt="Next.js" style={{ width: '20px', verticalAlign: 'middle' }} width="512" height="512" data-path="images/nextjs.svg" /> Next.js — Pages Router | [Install](/installation/nextjs-pages-router) |
| <img src="https://mintcdn.com/tracelit/yOAHPOHDFCUOtcaa/images/vuejs.svg?fit=max&auto=format&n=yOAHPOHDFCUOtcaa&q=85&s=7cd480b62d74672855f82b809745f336" alt="Vue" style={{ width: '20px', verticalAlign: 'middle' }} width="512" height="512" data-path="images/vuejs.svg" /> Vue 3                              | [Install](/installation/vue)                 |
| <img src="https://mintcdn.com/tracelit/yOAHPOHDFCUOtcaa/images/svelte.svg?fit=max&auto=format&n=yOAHPOHDFCUOtcaa&q=85&s=bad7b323590d28ecb41b872536f3e714" alt="Svelte" style={{ width: '20px', verticalAlign: 'middle' }} width="512" height="512" data-path="images/svelte.svg" /> Svelte / SvelteKit      | [Install](/installation/svelte)              |
| Angular                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | [Install](/installation/angular)             |
| <img src="https://mintcdn.com/tracelit/yOAHPOHDFCUOtcaa/images/html5.svg?fit=max&auto=format&n=yOAHPOHDFCUOtcaa&q=85&s=527b27f122ef2cc577491f7e73ebeca3" alt="HTML5" style={{ width: '20px', verticalAlign: 'middle' }} width="512" height="512" data-path="images/html5.svg" /> Script tag                       | [Install](/installation/script-tag)          |

***

## LLM Prompt

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

```text theme={null}
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.
```