Astro Clarity

Astro Clarity is a lightweight wrapper that seamlessly integrates Clarity analytics with Astro, making it effortless to track user interactions and performance metrics on your Astro-powered websites.

Installation

npm

npm install @kbyte-tech/astro-clarity

Yarn

yarn add @kbyte-tech/astro-clarity

pnpm

pnpm add @kbyte-tech/astro-clarity

Usage

// file: astro.config.mjs
import clarity from '@kbyte-tech/astro-clarity';

export default defineConfig({
  integrations: [
    // ... other integrations
    // Add the Clarity integration
    clarity({
      enabled: true,
      projectId: 'YOUR_PROJECT_ID',
    }),
  ],
});