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

integration-nuxt-3.6

Integrate Amplitude analytics into Nuxt 3.6 projects for client and server event tracking.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Nuxt 3.6 projects struggle to instrument Amplitude consistently across client and server, including user identification and event tracking.

Core Features & Use Cases

  • Client-side initialization with @amplitude/unified using initAll to enable autocapture and product analytics.
  • Server-side tracking with @amplitude/analytics-node for API routes and server events.
  • User identification patterns using setUserId and Identify to associate events with users.

Quick Start

Install dependencies, configure the Amplitude API key in your environment, and run the Nuxt dev server to verify instrumentation.

Frequently Asked Questions about integration-nuxt-3.6

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

FAQPage Schema
How do I integrate Amplitude analytics into a Nuxt 3.6 project?▼

You can integrate Amplitude analytics by initializing the client side with initAll using a public API key, and configuring @amplitude/analytics-node for server-side tracking in Nuxt API routes.

Can I track events server-side in Nuxt 3 API routes using Amplitude?▼

Yes, server-side tracking is supported by utilizing the @amplitude/analytics-node package within your Nuxt API routes to capture and send server events directly to Amplitude.

What is the best way to identify users with Amplitude in a Nuxt application?▼

The recommended approach for user identification in Nuxt is using setUserId alongside the Identify integration to associate tracked events with specific users across client and server.

Does this Amplitude integration support autocapture for Nuxt 3.x applications?▼

Yes, the integration supports autocapture for Nuxt 3.x applications by using the initAll function on the client side to automatically enable product analytics and event tracking.

How do I configure a public API key for Amplitude event tracking in Nuxt?▼

You configure the Amplitude API key by defining it in your environment variables, then passing the public API key to the initAll function during client-side initialization in your Nuxt app.

Related Skills

Explore More Software Engineering Skills→
amplitudeamplitude
28

integration-astro-ssr

Integrate Amplitude analytics into Astro SSR projects with client and server tracking.

Official
Advanced
vibecodevibecode
1

Amplitude

Query Amplitude analytics data and manage charts via the amp CLI.

Official
Advanced
amplitudeamplitude
28

integration-nextjs-app-router

Initialize Amplitude client and server tracking in Next.js App Router apps.

Official
Advanced
EthGlobalBangkokEthGlobalBangkok
1

integration-nextjs-app-router

Integrate PostHog analytics into Next.js App Router with client and server instrumentation.

Official
Intermediate