Features

Analytics

Tools to track user behavior and events using different analytics providers.

In this page, we will see how to setup analytics in your application.

This feature is implemented in the @kit/analytics package.

Note: No need to use this package if you want to use the @vercel/analytics package, just follow the instructions in the Vercel docs.

Installation

Make sure that the `@kit/analytics` package is installed.


pnpm add '@kit/analytics@workspace:*'

Set your analytics config file to select your provider.

config/analytics.config.ts

import { createAnalyticsManager } from '@kit/analytics';
 
export const analytics = createAnalyticsManager(['google']);

Check the page documentation of your provider to see how to set the environment variables.

Environment variables

# ============================================
# 📊 ANALYTICS
# ============================================
 
# For Google Analytics
NEXT_PUBLIC_GA_MEASUREMENT_ID=G-XXXXXXXXXX
NEXT_PUBLIC_GA_DISABLE_LOCALHOST_TRACKING=true
NEXT_PUBLIC_GA_DISABLE_PAGE_VIEWS_TRACKING=false
 
# For Umami
NEXT_PUBLIC_UMAMI_HOST=https://your-umami-instance.com
NEXT_PUBLIC_UMAMI_WEBSITE_ID=1234567890
NEXT_PUBLIC_UMAMI_DISABLE_LOCALHOST_TRACKING=true

Pricing Plans

Display pricing plans that are synced with your billing provider configuration.

Google Analytics

Setup Google Analytics for your project.

How is this guide?

Last updated on 2/1/2026