Documentation
Nuxt 3
Analytics
Mixpanel

Analytics with Mixpanel

To use Mixpanel with supastarter, first create a Mixpanel account (opens in a new tab) and get your app token.

Then, add the app token to your .env.local file and your deployment environment:

NUXT_PUBLIC_MIXPANEL_TOKEN=your_token_here

Next, we need to install the Mixpanel packages:

pnpm add --filter web mixpanel-browser
pnpm add --filter web -D @types/mixpanel-node

Finally, we need activate Mixpanel as the analytics provider. To do this, open apps/web/modules/analytics/index.ts and change this line:

const providerPath = './provider/mixpanel';

To customize the Mixpanel configuration, edit the apps/web/modules/analytics/provider/mixpanel/index.ts.

Learn more about analytics with Mixpanel in the official documentation (opens in a new tab).

For further instructions, follow the general analytics instructions.