chore(website): added analytics

Amaxa-Impact · Nov 18, 2024 · 5ea7d4a · 5ea7d4a
1 parent 9b0b92a
commit 5ea7d4a
Show file tree

Hide file tree

Showing 5 changed files with 46 additions and 5 deletions.
diff --git a/apps/website/next.config.js b/apps/website/next.config.js
@@ -23,6 +23,24 @@ const config = {
   /** We already do linting and typechecking as separate tasks in CI */
   eslint: { ignoreDuringBuilds: true },
   typescript: { ignoreBuildErrors: true },
+  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*",
+      },
+      {
+        source: "/ingest/decide",
+        destination: "https://us.i.posthog.com/decide",
+      },
+    ];
+  },
+  // This is required to support PostHog trailing slash API requests
+  skipTrailingSlashRedirect: true,
 };
 
 export default config;
diff --git a/apps/website/package.json b/apps/website/package.json
@@ -22,6 +22,7 @@
     "github-slugger": "^2.0.0",
     "lucide-react": "^0.416.0",
     "next": "^14.2.14",
+    "posthog-js": "^1.167.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-syntax-highlighter": "^15.5.0",

diff --git a/apps/website/src/app/layout.tsx b/apps/website/src/app/layout.tsx
@@ -3,6 +3,8 @@ import "~/app/globals.css";
 import type { Metadata } from "next";
 import { GeistSans } from "geist/font/sans";
 
+import { CSPostHogProvider } from "./provides/posthog";
+
 export const metadata: Metadata = {
   title: {
     default: "amaxa",
@@ -74,7 +76,9 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="en" className={`${GeistSans.variable}`}>
-      <body>{children}</body>
+      <body>
+        <CSPostHogProvider>{children}</CSPostHogProvider>
+      </body>
     </html>
   );
 }
diff --git a/apps/website/src/app/provides/posthog.tsx b/apps/website/src/app/provides/posthog.tsx
@@ -0,0 +1,15 @@
+//@ts-nocheck
+"use client";
+
+import posthog from "posthog-js";
+import { PostHogProvider } from "posthog-js/react";
+
+if (typeof window !== "undefined") {
+  posthog.init(process.env.NEXT_PUBLIC_POSTHOG_KEY!, {
+    api_host: process.env.NEXT_PUBLIC_POSTHOG_HOST,
+    person_profiles: "identified_only", // or 'always' to create profiles for anonymous users as well
+  });
+}
+export function CSPostHogProvider({ children }: { children: React.ReactNode }) {
+  return <PostHogProvider client={posthog}>{children}</PostHogProvider>;
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml