feat: add PostHog client

Author: pan93412

instrumentation-client.ts

@@ -0,0 +1,9 @@
+import posthog from "posthog-js"
+
+posthog.init(process.env.NEXT_PUBLIC_POSTHOG_KEY!, {
+  api_host: "/ingest",
+  ui_host: "https://us.posthog.com",
+  defaults: '2025-05-24',
+  capture_exceptions: true, // This enables capturing exceptions using Error Tracking, set to false if you don't want this
+  debug: process.env.NODE_ENV === "development",
+});

next.config.ts

@@ -7,10 +7,27 @@ const nextConfig: NextConfig = {
   experimental: {
     viewTransition: true,
     swcPlugins: [
-      ["@swc-contrib/plugin-graphql-codegen-client-preset", { artifactDirectory: "./gql", gqlTagName: "graphql" }],
+      [
+        "@swc-contrib/plugin-graphql-codegen-client-preset",
+        { artifactDirectory: "./gql", gqlTagName: "graphql" },
+      ],
     ],
     ppr: "incremental",
   },
+  async rewrites() {
+    return [
+      {
+        source: "/ingest/static/:path*",
+        destination: "https://us-assets.i.posthog.com/static/:path*",
+      },
+      {
+        source: "/ingest/:path*",
+        destination: "https://us.i.posthog.com/:path*",
+      },
+    ];
+  },
+  // This is required to support PostHog trailing slash API requests
+  skipTrailingSlashRedirect: true,
 };
 
 export default nextConfig;

package.json

@@ -22,6 +22,7 @@
     "@codemirror/lang-sql": "^6.10.0",
     "@graphql-codegen/client-preset": "^5.1.0",
     "@hookform/resolvers": "^5.2.2",
+    "@posthog/ai": "^6.4.3",
     "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-avatar": "^1.1.10",
     "@radix-ui/react-checkbox": "^1.3.3",
@@ -50,6 +51,8 @@
     "lucide-react": "^0.544.0",
     "next": "15.6.0-canary.45",
     "next-themes": "^0.4.6",
+    "posthog-js": "^1.271.0",
+    "posthog-node": "^5.9.2",
     "react": "19.3.0-canary-4fdf7cf2-20251003",
     "react-codemirror-merge": "^4.25.2",
     "react-dom": "19.3.0-canary-4fdf7cf2-20251003",