How do I filter out sensitive user data from my analytics?

The skill provides a beforeSend implementation example that allows you to redact specific URLs or skip tracking entirely for sensitive paths like admin dashboards.

Are custom events supported on all Vercel plans?

Basic pageview tracking works on all plans, but Vercel typically requires a Pro or Enterprise plan for custom event tracking capabilities.

Do I need to change any settings in the Vercel Dashboard?

While the skill handles the code implementation, you must still navigate to the Analytics tab in your Vercel Project Dashboard and click 'Enable' to see your data.

Does this skill work with local development?

Yes, it configures Analytics to run in debug mode during local development, allowing you to verify events in the browser console without sending actual data to Vercel.

Can I track events from Next.js Server Actions?

Absolutely. This skill includes specific patterns for using the server-side tracking package, making it easy to log events during backend processes.

Vercel Analytics for Next.js

Name: Vercel Analytics for Next.js
Author: mattwoodco

bymattwoodco

•

分析と監視

Configures comprehensive Vercel Analytics integration for Next.js applications with support for custom client and server-side event tracking.

This skill automates the setup of Vercel Analytics within Next.js projects, streamlining the process of monitoring user engagement and application performance. It handles the installation of necessary dependencies, injects tracking components into the root layout, and provides standardized patterns for recording custom events across both client components and server environments like Server Actions or Route Handlers. It is an essential tool for developers who want to implement data-driven insights quickly while maintaining best practices for event naming, data privacy, and environment-specific behavior.

主な機能

013 GitHub stars

02Automated @vercel/analytics installation and root layout component injection

03Built-in local development verification with console-based debug logging

04Implementation patterns for tracking conversions, form submissions, and API interactions

05Pre-configured beforeSend hooks for data redaction and privacy filtering

06Unified support for custom event tracking in both Client and Server components

ユースケース

01Deploying baseline pageview and visitor tracking for a new Next.js production site

02Implementing granular conversion funnels for e-commerce checkout and signup flows

03Monitoring backend process success rates using server-side event tracking in Route Handlers

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add mattwoodco/skills analytics

For use in Claude.ai and ChatGPT