Remix.js - Safesight Docs

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

npx create-remix@latest

Install

Now install the safesight package

npm
pnpm
yarn
bun

  npm install safesight

  pnpm add safesight

  yarn add safesight

  bun install safesight

Intializing Safesight

Add the provider in your apps root root, with your previously created websites token.

/app/root.ts

import { Analytics } from 'safesight/react'
 
export default function App() {
	return (
		<html lang='en'>
			<body>
				<Analytics token={'yourWebsiteID'} />
			</body>
		</html>
	)
}

Running your Remix app

bun
pnpm
yarn
npm

  bun run dev

  pnpm run dev

  yarn run dev

  npm run dev

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!

Deploy and wait for data

Next.js Other Frameworks and Platform