vercel-observability

Featured

Set up Vercel observability with runtime logs, analytics, log drains, and OpenTelemetry tracing. Use when implementing monitoring for Vercel deployments, setting up log drains, or configuring alerting for function errors and performance. Trigger with phrases like "vercel monitoring", "vercel metrics", "vercel observability", "vercel logs", "vercel alerts", "vercel tracing".

AI & Automation 2,359 stars 334 forks Updated today MIT

Install

View on GitHub

Quality Score: 99/100

Stars 20%
100
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Vercel Observability ## Overview Configure comprehensive observability for Vercel deployments using built-in analytics, runtime logs, log drains to external providers, OpenTelemetry integration, and custom instrumentation. Covers the full observability stack from function-level metrics to end-user experience monitoring. ## Prerequisites - Vercel Pro or Enterprise plan (for log drains and extended retention) - External logging provider (Datadog, Axiom, Sentry) — optional - OpenTelemetry SDK — optional ## Instructions ### Step 1: Enable Vercel Analytics In the Vercel dashboard: 1. Go to **Analytics** tab 2. Enable **Web Analytics** (Core Web Vitals, page views) 3. Enable **Speed Insights** (real user performance data) ```typescript // For Next.js — add the analytics component // src/app/layout.tsx import { Analytics } from '@vercel/analytics/react'; import { SpeedInsights } from '@vercel/speed-insights/next'; export default function RootLayout({ children }) { return ( <html> <body> {children} <Analytics /> <SpeedInsights /> </body> </html> ); } ``` Install: `npm install @vercel/analytics @vercel/speed-insights` ### Step 2: Runtime Logs ```bash # View runtime logs via CLI vercel logs https://my-app.vercel.app --follow # Filter by level vercel logs https://my-app.vercel.app --level=error # View logs via API curl -s -H "Authorization: Bearer $VERCEL_TOKEN" \ "https://api.vercel.com/v2/deployments/dpl_xxx/events?limit=50...

Details

Author
jeremylongshore
Repository
jeremylongshore/claude-code-plugins-plus-skills
Created
8 months ago
Last Updated
today
Language
Python
License
MIT

Integrates with

Anthropic · AI Vercel · Cloud Datadog · Monitoring Next.js · Frontend npm · DevTools

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Listed

observability

Vercel Observability expert guidance — Drains (logs, traces, speed insights, web analytics), Web Analytics, Speed Insights, runtime logs, custom events, OpenTelemetry integration, and monitoring dashboards. Use when instrumenting, debugging, or optimizing application performance and user experience on Vercel.

2 Updated today
build-with-dhiraj
AI & Automation Listed

vercel

Deploy and configure applications on Vercel. Use when deploying Next.js apps, configuring serverless functions, setting up edge functions, or managing Vercel projects. Triggers on Vercel, deploy, serverless, edge function, Next.js deployment.

2 Updated today
Makiya1202
AI & Automation Featured

vercel-performance-tuning

Optimize Vercel deployment performance with caching, bundle optimization, and cold start reduction. Use when experiencing slow page loads, optimizing Core Web Vitals, or reducing serverless function cold start times. Trigger with phrases like "vercel performance", "optimize vercel", "vercel latency", "vercel caching", "vercel slow", "vercel cold start".

2,359 Updated today
jeremylongshore