Stats
Actions
Tags
How this skill is triggered — by the user, by Claude, or both
Slash command
/nextjs-instrumentation:nextjs-dd-rumThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Add Datadog Real User Monitoring (RUM) to a Next.js application.
Add Datadog Real User Monitoring (RUM) to a Next.js application.
RUM initialization must be placed in a 'use client' component. Next.js uses server components by default, and the Datadog RUM SDK requires browser APIs that are only available on the client side.
Install the Datadog Browser SDK:
npm install @datadog/browser-rum
Create a DatadogInit client component (e.g., app/components/DatadogInit.tsx or .jsx):
'use client';
import { useEffect } from 'react';
import { datadogRum } from '@datadog/browser-rum';
export default function DatadogInit() {
useEffect(() => {
datadogRum.init({
applicationId: '<YOUR_APPLICATION_ID>',
clientToken: '<YOUR_CLIENT_TOKEN>',
site: 'datadoghq.com',
service: '<YOUR_SERVICE_NAME>',
env: '<YOUR_ENV>',
sessionSampleRate: 100,
sessionReplaySampleRate: 20,
trackUserInteractions: true,
trackResources: true,
trackLongTasks: true,
defaultPrivacyLevel: 'mask-user-input',
});
}, []);
return null;
}
Include the DatadogInit component in your root layout (app/layout.tsx or app/layout.js):
import DatadogInit from './components/DatadogInit';
export default function RootLayout({ children }) {
return (
<html lang="en">
<body>
<DatadogInit />
{children}
</body>
</html>
);
}
Replace placeholder values with your actual Datadog application ID, client token, service name, and environment.
npx claudepluginhub jek-bao-choo/datadog-agentic-plugins --plugin nextjs-instrumentationSearches MemPalace before answering questions about past work, people, projects, or prior decisions. Returns verbatim stored content instead of guessing from model memory.
Guides Payload CMS config (payload.config.ts), collections, fields, hooks, access control, APIs. Debugs validation errors, security, relationships, queries, transactions, hook behavior.
Implements vector databases with Pinecone, Weaviate, Qdrant, Milvus, pgvector for semantic search, RAG, recommendations, and similarity systems. Optimizes embeddings, indexing, and hybrid search.