---
canonical_url: "https://mixpanel-nuxt.vercel.app"
---
<u-page-hero>
<template v-slot:title="">

Mixpanel for Nuxt

</template>

<template v-slot:description="">

Track browser events, router pageviews and server events with the official [Mixpanel](https://mixpanel.com/) SDKs.

</template>

<template v-slot:links="">
<u-button size="xl" to="https://mixpanel-nuxt.vercel.app/get-started/installation" trailing-icon="i-lucide-arrow-right">

Get started

</u-button>

<u-button size="xl" to="https://github.com/JoaoPedroAS51/mixpanel-nuxt" color="neutral" icon="i-simple-icons-github" variant="outline">

GitHub

</u-button>
</template>
</u-page-hero>

<u-page-section>
<template v-slot:title="">

Browser and server tracking

</template>

<template v-slot:features="">
<u-page-feature icon="i-lucide-mouse-pointer-click" to="https://mixpanel-nuxt.vercel.app/integration/browser">
<template v-slot:title="">

Browser events

</template>

<template v-slot:description="">

Access the browser SDK through `useMixpanel()`.

</template>
</u-page-feature>

<u-page-feature icon="i-lucide-server" to="https://mixpanel-nuxt.vercel.app/integration/nitro">
<template v-slot:title="">

Nitro events

</template>

<template v-slot:description="">

Use the Node SDK in server routes, plugins and utilities.

</template>
</u-page-feature>

<u-page-feature icon="i-lucide-monitor" to="https://mixpanel-nuxt.vercel.app/integration/browser#server-rendering">
<template v-slot:title="">

SSR support

</template>

<template v-slot:description="">

Browser tracking stays inactive during SSR and initializes in the browser.

</template>
</u-page-feature>

<u-page-feature icon="i-lucide-route" to="https://mixpanel-nuxt.vercel.app/integration/pageviews">
<template v-slot:title="">

Vue Router integration

</template>

<template v-slot:description="">

Record pageviews automatically as users navigate.

</template>
</u-page-feature>

<u-page-feature icon="i-lucide-file-cog" to="https://mixpanel-nuxt.vercel.app/integration/pageviews#page-properties">
<template v-slot:title="">

Page meta

</template>

<template v-slot:description="">

Set custom properties or disable tracking for individual pages.

</template>
</u-page-feature>

<u-page-feature icon="i-lucide-plug" to="https://mixpanel-nuxt.vercel.app/integration/pageviews#enriching-pageviews">
<template v-slot:title="">

Runtime hooks

</template>

<template v-slot:description="">

Enrich pageviews with async data or skip them before they are sent.

</template>
</u-page-feature>
</template>
</u-page-section>

## Resources for Agents

- [API catalog: every service document this site publishes](https://mixpanel-nuxt.vercel.app/.well-known/api-catalog)
- [Sitemap (XML)](https://mixpanel-nuxt.vercel.app/sitemap.xml)
- [Sitemap (Markdown): every page on the site](https://mixpanel-nuxt.vercel.app/sitemap.md)
- [MCP server card: MCP endpoint at https://mixpanel-nuxt.vercel.app/mcp](https://mixpanel-nuxt.vercel.app/.well-known/mcp/server-card.json)
- [MCP endpoint (streamable HTTP)](https://mixpanel-nuxt.vercel.app/mcp)
- [llms.txt: index of the documentation for LLMs](https://mixpanel-nuxt.vercel.app/llms.txt)
- [llms-full.txt: the full documentation as a single file](https://mixpanel-nuxt.vercel.app/llms-full.txt)
- [OpenAPI document: every route this site serves to agents](https://mixpanel-nuxt.vercel.app/openapi.json)


## Sitemap

See the full [sitemap](https://mixpanel-nuxt.vercel.app/sitemap.md) for all pages.