feat(analytics): also send to posthog

Author: sifferhans

frontend/.env.example

@@ -4,4 +4,6 @@ NUXT_PUBLIC_LOGIN_URL=
 
 # Analytics
 NUXT_PUBLIC_RUDDERSTACK_WRITE_KEY=
-NUXT_PUBLIC_RUDDERSTACK_DATA_PLANE_URL=
+NUXT_PUBLIC_RUDDERSTACK_DATA_PLANE_URL=
+NUXT_POSTHOG_API_KEY=
+NUXT_POSTHOG_PROJECT_ID=

frontend/app/composables/useAnalytics.ts

@@ -1,14 +1,16 @@
 import type { ApiObject, IdentifyTraits } from '@rudderstack/analytics-js'
 
 export function useAnalytics() {
-  const { $rudderstack } = useNuxtApp()
+  const { $rudderstack, $posthog } = useNuxtApp()
 
   function track(event: AnalyticsEvent, properties?: ApiObject) {
     $rudderstack.track(event, properties)
+    $posthog().capture(event, properties)
   }
 
   function identify(userId: string, traits?: IdentifyTraits) {
     $rudderstack.identify(userId, traits)
+    $posthog().identify(userId, traits)
   }
 
   function page() {
@@ -17,6 +19,7 @@ export function useAnalytics() {
 
   function reset() {
     $rudderstack.reset()
+    $posthog().reset()
   }
 
   return {

frontend/nuxt.config.ts

@@ -8,6 +8,7 @@ export default defineNuxtConfig({
     '@vueuse/nuxt',
     '@nuxtjs/i18n',
     '@vite-pwa/nuxt',
+    '@posthog/nuxt',
   ],
   devtools: { enabled: false },
   ssr: false,
@@ -70,6 +71,9 @@ export default defineNuxtConfig({
   experimental: {
     typedPages: true,
   },
+  sourcemap: {
+    client: 'hidden',
+  },
   vite: {
     optimizeDeps: {
       include: [
@@ -268,6 +272,19 @@ export default defineNuxtConfig({
     },
   },
 
+  posthogConfig: {
+    publicKey: 'phc_l88yVnYQJShvE2rFd1f7Cask76jMuK7qLVVyPlA9FLl',
+    host: 'https://eu.i.posthog.com',
+    clientConfig: {
+      capture_exceptions: true,
+    },
+    sourcemaps: {
+      enabled: true,
+      personalApiKey: import.meta.env.NUXT_POSTHOG_API_KEY,
+      envId: import.meta.env.NUXT_POSTHOG_PROJECT_ID,
+    },
+  },
+
   colorMode: {
     preference: 'dark',
     fallback: 'dark',

frontend/package.json

@@ -20,6 +20,7 @@
     "@nuxt/image": "^2.0.0",
     "@nuxt/ui": "^4.2.1",
     "@nuxtjs/i18n": "^10.2.1",
+    "@posthog/nuxt": "^1.3.15",
     "@rudderstack/analytics-js": "^3.26.0",
     "@tiptap/core": "^3.13.0",
     "@tiptap/markdown": "^3.13.0",