posthog-local-dev-loop
1
总安装量
1
周安装量
#54032
全站排名
安装命令
npx skills add https://github.com/jeremylongshore/claude-code-plugins-plus-skills --skill posthog-local-dev-loop
Agent 安装分布
mcpjam
1
claude-code
1
kilo
1
windsurf
1
zencoder
1
Skill 文档
PostHog Local Dev Loop
Overview
Set up a fast, reproducible local development workflow for PostHog.
Prerequisites
- Completed
posthog-install-authsetup - Node.js 18+ with npm/pnpm
- Code editor with TypeScript support
- Git for version control
Instructions
Step 1: Create Project Structure
my-posthog-project/
âââ src/
â âââ posthog/
â â âââ client.ts # PostHog client wrapper
â â âââ config.ts # Configuration management
â â âââ utils.ts # Helper functions
â âââ index.ts
âââ tests/
â âââ posthog.test.ts
âââ .env.local # Local secrets (git-ignored)
âââ .env.example # Template for team
âââ package.json
Step 2: Configure Environment
# Copy environment template
cp .env.example .env.local
# Install dependencies
npm install
# Start development server
npm run dev
Step 3: Setup Hot Reload
{
"scripts": {
"dev": "tsx watch src/index.ts",
"test": "vitest",
"test:watch": "vitest --watch"
}
}
Step 4: Configure Testing
import { describe, it, expect, vi } from 'vitest';
import { PostHogClient } from '../src/posthog/client';
describe('PostHog Client', () => {
it('should initialize with API key', () => {
const client = new PostHogClient({ apiKey: 'test-key' });
expect(client).toBeDefined();
});
});
Output
- Working development environment with hot reload
- Configured test suite with mocking
- Environment variable management
- Fast iteration cycle for PostHog development
Error Handling
| Error | Cause | Solution |
|---|---|---|
| Module not found | Missing dependency | Run npm install |
| Port in use | Another process | Kill process or change port |
| Env not loaded | Missing .env.local | Copy from .env.example |
| Test timeout | Slow network | Increase test timeout |
Examples
Mock PostHog Responses
vi.mock('@posthog/sdk', () => ({
PostHogClient: vi.fn().mockImplementation(() => ({
// Mock methods here
})),
}));
Debug Mode
# Enable verbose logging
DEBUG=POSTHOG=* npm run dev
Resources
Next Steps
See posthog-sdk-patterns for production-ready code patterns.