logs-nextjs

Name: logs-nextjs
Author: posthog

github.com/posthogDevelopment76119 installsUpdated today

About logs-nextjs

logs-nextjs is a skill for adding PostHog log ingestion to Next.js applications. It guides setup through OpenTelemetry and covers structured logging, troubleshooting, and related documentation.

Key features

01Next.js log ingestion setup guidance
02OTLP exporter configuration for PostHog
03Structured logging recommendations
04Troubleshooting and session replay references

Use cases

01Adding PostHog export alongside existing logs
02Configuring an OTLP exporter for a Next.js app
03Investigating log ingestion issues

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/posthog/skills --skill logs-nextjs

After installing, type/logs-nextjsin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

references/

best-practices.md

debug-logs-mcp.md

link-session-replay.md

nextjs.md

search.md

start-here.md

troubleshooting.md

Details

From the project README

PostHog logs for Next.js

This skill helps you add PostHog log ingestion to Next.js applications.

Reference files

references/nextjs.md - Next.js logs installation - docs
references/start-here.md - Getting started with logs - docs
references/search.md - Search logs - docs
references/best-practices.md - Logging best practices - docs
references/troubleshooting.md - Logs troubleshooting - docs
references/link-session-replay.md - Link session replay - docs
references/debug-logs-mcp.md - Debug logs with mcp - docs

Consult the documentation for API details and framework-specific patterns.

Key principles

Environment variables: Always use environment variables for PostHog keys and OpenTelemetry endpoints. Never hardcode them.
Minimal changes: Add log export alongside existing logging. Don't replace or restructure existing logging code.
OpenTelemetry: PostHog logs use the OpenTelemetry protocol. Configure an OTLP exporter pointed at PostHog's ingest endpoint.
Structured logging: Prefer structured log formats with key-value properties over plain text messages.

Framework guidelines

For Next.js 15.3+, initialize PostHog in instrumentation-client.ts for the simplest setup

Comments

Markdown supported

Details

Author: posthog
Repository: posthog/skills
Category: Development
Installs: 119
GitHub stars: 76

Report

More skills

All skills

remotion-render

github.com/inference-sh

1.6M

Render videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supports all Remotion APIs: useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, Sequence. Configurable resolution, FPS, duration, codec. Use for: programmatic video generation, animated graphics, motion design, data-driven videos, React animations to video. Triggers: remotion, render video from code, tsx to video, react video, programmatic video, remotion render, code to video, animated video, motion graphics code, react animation video

improve-codebase-architecture

github.com/mattpocock

1.2M

Scan a codebase for architecture improvement opportunities, present them as a visual HTML report, then dive deep into whichever one you pick.

design-mobile-apps

github.com/designed-by-ai

1.1M

Design mobile app screens with Sleek, edit Sleek projects, and implement their designs in React Native or HTML

vercel-react-best-practices

github.com/vercel-labs

848.6k

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.