← ClaudeAtlas

integration-nextjs-app-routerlisted

PostHog integration for Next.js App Router applications
Aymenjdily/biblion-testing-agentic-ai-skills · ★ 2 · Web & Frontend · score 61
Install: claude install-skill Aymenjdily/biblion-testing-agentic-ai-skills
# PostHog integration for Next.js App Router This skill helps you add PostHog analytics to Next.js App Router applications. ## Workflow Follow these steps in order to complete the integration: 1. `references/1-begin.md` - PostHog Setup - Begin ← **Start here** 2. `references/2-edit.md` - PostHog Setup - Edit 3. `references/3-revise.md` - PostHog Setup - Revise 4. `references/4-conclude.md` - PostHog Setup - Conclusion ## Reference files - `references/EXAMPLE.md` - Next.js App Router example project code - `references/1-begin.md` - Start the event tracking setup process by analyzing the project and creating an event tracking plan - `references/2-edit.md` - Implement PostHog event tracking in the identified files, following best practices and the example project - `references/3-revise.md` - Review and fix any errors in the PostHog integration implementation - `references/4-conclude.md` - Review and fix any errors in the PostHog integration implementation - `references/next-js.md` - Next.js - docs - `references/identify-users.md` - Identify users - docs - `references/COMMANDMENTS.md` - Framework-specific rules the integration must follow The example project shows the target implementation pattern. Consult the documentation for API details. ## Key principles - **Environment variables**: Always use environment variables for PostHog keys. Never hardcode them. - **Minimal changes**: Add PostHog code alongside existing integrations. Don't replace or restructure existing code