Kathy/track pages

.gitignore

@@ -1,5 +1,6 @@
 node_modules
 .next/
+.env.local
 .env*
 .DS_Store
 next-env.d.ts

app/hooks/TrackPage.ts

@@ -0,0 +1,34 @@
+"use client";
+
+import { useEffect } from "react";
+
+type TrackPageProps = {
+  page: string;
+};
+
+export default function useTrackPage({ page }: TrackPageProps) {
+  useEffect(() => {
+    const trackPage = async () => {
+      try {
+        await fetch("/api/track", {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+          },
+          body: JSON.stringify({
+            event_type: "page_view",
+            payload: {
+              page,
+              url: window.location.href,
+              userAgent: navigator.userAgent,
+            },
+          }),
+        });
+      } catch (error) {
+        console.error("Page tracking failed:", error);
+      }
+    };
+
+    trackPage();
+  }, [page]);
+}

app/signup/page.tsx

@@ -1,8 +1,13 @@
+"use client";
+
 import Image from "next/image";
 import EmailSignupForm from "./EmailSignupForm";
+import useTrackPage from "../hooks/TrackPage";
 
 export default function SignupPage()
 {
+    useTrackPage({page:"signup"});
+
     return (
         <main className="min-h-screen bg-background text-foreground pt-36">
             {/* Page content */}

package.json

@@ -19,7 +19,7 @@
         "@playwright/test": "^1.49.0",
         "@radix-ui/react-label": "^2.1.8",
         "@radix-ui/react-slot": "^1.2.4",
-        "@supabase/supabase-js": "^2.97.0",
+        "@supabase/supabase-js": "^2.98.0",
         "class-variance-authority": "^0.7.1",
         "clsx": "^2.1.1",
         "lucide-react": "^0.464.0",