skills.rest
amplitude
amplitudeOFFICIAL
Explore all skills by this author →
WebsiteGitHub

integration-nuxt-4

Initialize Amplitude Unified Browser SDK with initAll in Nuxt 4 apps.

28|Updated Dec 5, 2025
Search Tags:#analytics#server-side#nuxt#amplitude#autocapture#unified-sdk
One-click install
npx skills add https://github.com/amplitude/wizard --skill integration-nuxt-4-amplitude
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: integration-nuxt-4
Source: https://github.com/amplitude/wizard/tree/main/skills/integration/integration-nuxt-4
Command: npx skills add https://github.com/amplitude/wizard --skill integration-nuxt-4-amplitude

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Nuxt 4 developers need a straightforward way to instrument Amplitude analytics with consistent event naming, secure handling of API keys, and reliable autocapture across the app.

Core Features & Use Cases

  • Unified Browser SDK initialization for Nuxt 4 apps using initAll
  • Environment-variable-based API keys with safe initialization
  • Autocapture enabled to automatically track sessions, page views, and interactions
  • Server-side tracking utilities to capture backend events and correlate user activity

Quick Start

Install the Nuxt 4 Amplitude integration, configure environment variables, and initialize Amplitude using the patterns provided in the references to start tracking events.

Frequently Asked Questions about integration-nuxt-4

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I integrate Amplitude analytics into a Nuxt 4 application?▼

Amplitude autocapture in Nuxt 4 automatically tracks user sessions, page views, and interactions once the Unified Browser SDK is initialized, requiring no manual event instrumentation for basic user activity.

Can I track server-side events with Amplitude in Nuxt 4?▼

The Amplitude Nuxt 4 integration uses environment-variable-based API keys to ensure secure initialization and safe handling of your analytics credentials without exposing them improperly in the client.

What is the best way to handle PII when sending analytics events from Nuxt 4?▼

The best way to handle PII in Nuxt 4 analytics is to follow the integration's best practices for safe event naming and user identification, ensuring sensitive data is excluded from Amplitude payloads.

Does Amplitude autocapture work with both client and server contexts in Nuxt 4?▼

Amplitude autocapture works within the Nuxt 4 client context to capture interactions automatically, while separate server-side tracking utilities handle backend event correlation following Nuxt 4 patterns.

Related Skills

Explore More Software Engineering Skills→
danghungtb26danghungtb26
3

project-conventions

Enforce naming and folder structure conventions for React TypeScript admin templates.

Community
Basic
ClawLink-HQClawLink-HQ
117

amplitude-analytics

Automate event analytics, cohort management, and release tracking via the Amplitude Analytics API.

Official
Intermediate
YusufkotavomYusufkotavom

web-frontend-development

Implement React/Next.js frontend components, zustand state, routing, and SSE agent interactions.

Community
Intermediate
amplitudeamplitude
28

integration-astro-hybrid

Integrate Amplitude analytics into Astro hybrid projects with client and server events.

Official
Intermediate