# Quick Start (/docs/getting-started/quickstart)





# Quick Start [#quick-start]

Get up and running in three steps. For dashboard setup and full framework details, see [Installation](/docs/getting-started/installation).

## 1. Install [#1-install]

<Tabs items="['npm', 'pnpm']" groupId="package-manager">
  <Tab value="npm">
    ```bash
    npm install ucoder-insight
    ```
  </Tab>

  <Tab value="pnpm">
    ```bash
    pnpm add ucoder-insight
    ```
  </Tab>
</Tabs>

Read the [installation guide](/docs/getting-started/installation) for more details on how to install Ucoder Insight in your project.

## 2. Initialize [#2-initialize]

<Tabs items="['Next.js', 'React', 'Vite', 'Vanilla JS']" groupId="framework">
  <Tab value="Next.js">
    ```javascript title="app/analytics.tsx"
    "use client";
    import { useEffect } from "react";
    import { initUcoderInsight } from "ucoder-insight";

    export default function Analytics() {
      useEffect(() => {
        initUcoderInsight("YOUR_PUBLIC_TRACKING_ID");
      }, []);
      return null;
    }
    ```

    Import this into your root `layout.tsx`.
  </Tab>

  <Tab value="React">
    ```javascript title="App.jsx"
    import { useEffect } from "react";
    import { initUcoderInsight } from "ucoder-insight";

    function App() {
    useEffect(() => {
    initUcoderInsight("YOUR_PUBLIC_TRACKING_ID");
    }, []);

    return <YourApp />;
    }

    ```
  </Tab>

  <Tab value="Vite">
    ```javascript title="main.js"
    import { initUcoderInsight } from "ucoder-insight";

    initUcoderInsight("YOUR_PUBLIC_TRACKING_ID");
    ```
  </Tab>

  <Tab value="Vanilla JS">
    ```html title="index.html"
    <script defer src="https://cdn.jsdelivr.net/npm/ucoder-insight"></script>
    <script>
      window.addEventListener('ucoderInsightReady', () => {
        ucoderInsight.init("YOUR_PUBLIC_TRACKING_ID");
      });
    </script>
    ```
  </Tab>
</Tabs>

## 3. Verify [#3-verify]

Open your project dashboard — events appear after the SDK initializes and the first batch is accepted.

<Callout type="info" title="Not seeing data?">
  Make sure you've verified your domain first. See [Domain
  Verification](/docs/getting-started/ownership-verification).
</Callout>