Install PostHog

Author: ThomasCode92

.env.example

@@ -22,3 +22,7 @@ CLERK_SECRET_KEY=some-secret-key
 
 # Uploadthing
 UPLOADTHING_TOKEN='uploadthing-token'
+
+# Posthog
+NEXT_PUBLIC_POSTHOG_KEY=some-posthog-key
+NEXT_PUBLIC_POSTHOG_HOST=the-posthog-host

package.json

@@ -31,6 +31,7 @@
     "lucide-react": "^0.511.0",
     "mysql2": "^3.14.1",
     "next": "^15.2.3",
+    "posthog-js": "^1.257.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "tailwind-merge": "^3.3.0",

pnpm-lock.yaml

@@ -23,7 +23,8 @@ export const env = createEnv({
    * `NEXT_PUBLIC_`.
    */
   client: {
-    // NEXT_PUBLIC_CLIENTVAR: z.string(),
+    NEXT_PUBLIC_POSTHOG_KEY: z.string(),
+    NEXT_PUBLIC_POSTHOG_HOST: z.string(),
   },
 
   /**
@@ -37,7 +38,8 @@ export const env = createEnv({
     SINGLESTORE_HOST: process.env.SINGLESTORE_HOST,
     SINGLESTORE_PORT: process.env.SINGLESTORE_PORT,
     SINGLESTORE_DATABASE: process.env.SINGLESTORE_DATABASE,
-    // NEXT_PUBLIC_CLIENTVAR: process.env.NEXT_PUBLIC_CLIENTVAR,
+    NEXT_PUBLIC_POSTHOG_KEY: process.env.NEXT_PUBLIC_POSTHOG_KEY,
+    NEXT_PUBLIC_POSTHOG_HOST: process.env.NEXT_PUBLIC_POSTHOG_HOST,
   },
   /**
    * Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation. This is especially