This package is a wrapper around the Posthog analytics library for the Next.js App Router.
It simplifies posthog setup and enables event tracking.
pnpm install @bob-obringer/nextjs-posthognpm install @bob-obringer/nextjs-posthogyarn add @bob-obringer/nextjs-posthogThe package provides a PosthogProvider component that should be
wrapped around your NextJS application (generally with other providers)
import { type ReactNode } from "react";
import { PosthogProvider } from "@bob-obringer/nextjs-posthog";
import { env } from "@/config/client";
export default function RootLayout({ children }: { children: ReactNode }) {
return (
<html>
<body>
<PosthogProvider
token={env.posthog.apiKey}
host={env.posthog.host}
enabled={env.posthog.enabled}
capturePageView={true}
capturePageLeave={false}
>
{children}
</PosthogProvider>
</body>
</html>
);
}