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

# Remix.js

> How to get started with Remix

If you don't have a Remix.js app yet, you can quickly create one with the following command:

```bash theme={null}
npx create-remix@latest
```

<Steps titleSize="h3">
  <Step title="Install">
    Now install the `safesight` package

    <Tabs>
      <Tab title="npm">
        ```bash theme={null}
          npm install safesight
        ```
      </Tab>

      <Tab title="pnpm">
        ```bash theme={null}
          pnpm add safesight
        ```
      </Tab>

      <Tab title="yarn">
        ```bash theme={null}
          yarn add safesight
        ```
      </Tab>

      <Tab title="bun">
        ```bash theme={null}
          bun install safesight
        ```
      </Tab>
    </Tabs>
  </Step>

  <Step title="Intializing Safesight">
    Add the provider in your apps root root,
    with your previously created websites token.

    ```ts /app/root.ts theme={null}
    import { Analytics } from 'safesight/react'
     
    export default function App() {
    	return (
    		<html lang='en'>
    			<body>
    				<Analytics token={'yourWebsiteID'} />
    			</body>
    		</html>
    	)
    }
    ```
  </Step>

  <Step title="Running your Remix app">
    <Tabs>
      <Tab title="bun">
        ```bash theme={null}
          bun run dev
        ```
      </Tab>

      <Tab title="pnpm">
        ```bash theme={null}
          pnpm run dev
        ```
      </Tab>

      <Tab title="yarn">
        ```bash theme={null}
          yarn run dev
        ```
      </Tab>

      <Tab title="npm">
        ```bash theme={null}
          npm run dev
        ```
      </Tab>
    </Tabs>
  </Step>

  <Step title="Thats it!">
    Go to your web console and you will see debug logs showing you some page views logs.
    And once deployed data will come in!
  </Step>

  <Step title="Deploy and wait for data" />
</Steps>
