Use Posthog over Vercel analytics

Author: marcoacierno

frontend/next.config.js

@@ -89,6 +89,14 @@ const nextConfig = {
         source: "/graphql",
         destination: `${API_URL_SERVER}/graphql`,
       },
+      {
+        source: "/ingest/static/:path*",
+        destination: "https://eu-assets.i.posthog.com/static/:path*",
+      },
+      {
+        source: "/ingest/:path*",
+        destination: "https://eu.i.posthog.com/:path*",
+      },
     ];
 
     if (API_URL_SERVER.includes("http://backend")) {

frontend/package.json

@@ -26,9 +26,7 @@
     "@neshca/cache-handler": "^1.9.0",
     "@python-italia/pycon-styleguide": "0.1.210",
     "@sentry/nextjs": "^8.45.0",
-    "@vercel/analytics": "^1.1.1",
     "@vercel/og": "^0.6.5",
-    "@vercel/speed-insights": "^1.0.12",
     "@xstate/react": "^3.0.1",
     "clsx": "^1.2.1",
     "concurrently": "^9.1.0",
@@ -45,6 +43,7 @@
     "next": "15.2.0",
     "next-cookies": "^2.0.3",
     "pdfkit": "^0.15.1",
+    "posthog-js": "^1.225.0",
     "react": "19.0.0",
     "react-dnd": "^11.1.3",
     "react-dnd-html5-backend": "^11.1.3",

frontend/pnpm-lock.yaml

@@ -5,7 +5,7 @@ import {
   Spacer,
   Text,
 } from "@python-italia/pycon-styleguide";
-import va from "@vercel/analytics";
+import posthog from "posthog-js";
 import { FormattedMessage } from "react-intl";
 import { useCurrentUser } from "~/helpers/use-current-user";
 import { useTranslatedMessage } from "~/helpers/use-translated-message";
@@ -38,7 +38,7 @@ export const AddScheduleToCalendarModal = ({ onClose }: Props) => {
   const autoSelectInput = (e: React.MouseEvent<HTMLInputElement>) => {
     (e.target as HTMLInputElement).select();
     document.execCommand("copy");
-    va.track("copy-calendar-url");
+    posthog.capture("copy-calendar-url");
   };
 
   const pleaseWaitMessage = useTranslatedMessage("login.loading");

frontend/src/components/add-schedule-to-calendar-modal/index.tsx

@@ -6,7 +6,8 @@ import {
   Spacer,
   Text,
 } from "@python-italia/pycon-styleguide";
-import va from "@vercel/analytics";
+import posthog from "posthog-js";
+
 import { isAfter, isBefore, parseISO } from "date-fns";
 import { fromZonedTime } from "date-fns-tz";
 import React, {
@@ -144,7 +145,7 @@ export const ScheduleView = ({
     setViewMode((current) => {
       const nextValue = current === "grid" ? "list" : "grid";
       prevViewMode.current = nextValue;
-      va.track("schedule-view", { view: nextValue });
+      posthog.capture("schedule-view", { view: nextValue });
       return nextValue;
     });
   }, []);

frontend/src/components/schedule-view/index.tsx

@@ -31,6 +31,7 @@ export async function middleware(req: NextRequest) {
     !PUBLIC_FILE.test(req.nextUrl.pathname) &&
     !req.nextUrl.pathname.includes("/api/") &&
     !req.nextUrl.pathname.includes("/admin") &&
+    !req.nextUrl.pathname.includes("/ingest") &&
     !req.nextUrl.pathname.includes("/local_files_upload") &&
     !req.nextUrl.pathname.includes("/media") &&
     !req.nextUrl.pathname.includes("/graphql") &&