diff --git a/package.json b/package.json
index bbc452d..00df351 100644
--- a/package.json
+++ b/package.json
@@ -34,6 +34,7 @@
     "lucide-react": "^0.363.0",
     "next": "^14.1.3",
     "next-auth": "^4.24.6",
+    "posthog-js": "^1.116.6",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "server-only": "^0.0.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 59928ef..deac555 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -65,6 +65,9 @@ dependencies:
   next-auth:
     specifier: ^4.24.6
     version: 4.24.7(next@14.1.4)(react-dom@18.2.0)(react@18.2.0)
+  posthog-js:
+    specifier: ^1.116.6
+    version: 1.116.6
   react:
     specifier: 18.2.0
     version: 18.2.0
@@ -7194,6 +7197,10 @@ packages:
     resolution: {integrity: sha512-3yurQZ2hD9VISAhJJP9bpYFNQrHHBXE2JxxjY5aLEcDi46RmAzJE2OC9FAde0yis5ElW0jTTzs0zfg/Cca4XqQ==}
     dev: true
 
+  /fflate@0.4.8:
+    resolution: {integrity: sha512-FJqqoDBR00Mdj9ppamLa/Y7vxm+PRmNWA67N846RvsoYVMKB4q3y/de5PA7gUmRMYK/8CMz2GDZQmCRN1wBcWA==}
+    dev: false
+
   /file-entry-cache@6.0.1:
     resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
     engines: {node: ^10.12.0 || >=12.0.0}
@@ -9679,6 +9686,13 @@ packages:
       picocolors: 1.0.0
       source-map-js: 1.2.0
 
+  /posthog-js@1.116.6:
+    resolution: {integrity: sha512-rvt8HxzJD4c2B/xsUa4jle8ApdqljeBI2Qqjp4XJMohQf18DXRyM6b96H5/UMs8jxYuZG14Er0h/kEIWeU6Fmw==}
+    dependencies:
+      fflate: 0.4.8
+      preact: 10.20.1
+    dev: false
+
   /posthog-node@3.5.0:
     resolution: {integrity: sha512-u1lzJiLiYH3ShBS5s+uy/FEiAnpkYfNuKs+GmkYo9Z6hO6UXWKPkib9mtTx3y2pbV7O/+Pjup1+/1Q3CA55Z2Q==}
     engines: {node: '>=15.0.0'}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 78a7a25..1070223 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,12 +1,11 @@
-'use client'
+"use client";
 
 import "~/styles/globals.css";
 
 import { Inter } from "next/font/google";
 
-import { TRPCReactProvider } from "~/trpc/react";
-import { SessionProvider } from 'next-auth/react';
 import { Layout } from "~/components/patterns/layout";
+import Providers from "~/components/providers";
 
 const inter = Inter({
   subsets: ["latin"],
@@ -27,11 +26,9 @@ export default function RootLayout({
   return (
     <html lang="en">
       <body className={`font-sans ${inter.variable}`}>
-        <TRPCReactProvider>
-        <SessionProvider>
+        <Providers>
           <Layout>{children}</Layout>
-        </SessionProvider>
-        </TRPCReactProvider>
+        </Providers>
       </body>
     </html>
   );
diff --git a/src/components/patterns/login-screen.tsx b/src/components/patterns/login-screen.tsx
index 478444a..553b9d6 100644
--- a/src/components/patterns/login-screen.tsx
+++ b/src/components/patterns/login-screen.tsx
@@ -18,7 +18,9 @@ export function LoginScreen() {
           </div>
           <div className="grid gap-4">
             <Button
-              onClick={() => signIn("discord", { callbackUrl: "/" })}
+              onClick={() =>
+                signIn("discord", { callbackUrl: "/?loginState=signedIn" })
+              }
               variant="outline"
               className="w-full"
             >
diff --git a/src/components/providers/index.tsx b/src/components/providers/index.tsx
new file mode 100644
index 0000000..2e8b537
--- /dev/null
+++ b/src/components/providers/index.tsx
@@ -0,0 +1,47 @@
+"use client";
+
+import React from "react";
+import posthog from "posthog-js";
+import { PostHogProvider, usePostHog } from "posthog-js/react";
+import { SessionProvider, useSession } from "next-auth/react";
+
+import { Layout } from "~/components/patterns/layout";
+import { TRPCReactProvider } from "~/trpc/react";
+import { env } from "~/env.mjs";
+import { useSearchParams } from "next/navigation";
+
+if (typeof window !== "undefined" && process.env.NODE_ENV === "production") {
+  posthog.init(env.NEXT_PUBLIC_POSTHOG_API_KEY!, {
+    api_host: env.NEXT_PUBLIC_POSTHOG_HOST!,
+  });
+}
+
+const PostHogIdentification = ({ children }: { children: React.ReactNode }) => {
+  const { data: session } = useSession();
+  const posthog = usePostHog();
+
+  const params = useSearchParams();
+  const newLoginState = params.get("loginState");
+
+  if (newLoginState == "signedIn" && session) {
+    posthog.identify(session.user.id);
+  }
+
+  return <>{children}</>;
+};
+
+const Providers = ({ children }: { children: React.ReactNode }) => {
+  return (
+    <TRPCReactProvider>
+      <SessionProvider>
+        <PostHogProvider client={posthog}>
+          <PostHogIdentification>
+            <Layout>{children}</Layout>
+          </PostHogIdentification>
+        </PostHogProvider>
+      </SessionProvider>
+    </TRPCReactProvider>
+  );
+};
+
+export default Providers;
diff --git a/src/env.mjs b/src/env.mjs
index 47a912b..2b89e0f 100644
--- a/src/env.mjs
+++ b/src/env.mjs
@@ -50,7 +50,14 @@ export const env = createEnv({
    * `NEXT_PUBLIC_`.
    */
   client: {
-    // NEXT_PUBLIC_CLIENTVAR: z.string(),
+    NEXT_PUBLIC_POSTHOG_API_KEY:
+      process.env.NODE_ENV === "production"
+        ? z.string()
+        : z.string().optional(),
+    NEXT_PUBLIC_POSTHOG_HOST:
+      process.env.NODE_ENV === "production"
+        ? z.string()
+        : z.string().optional(),
   },
 
   /**
@@ -64,6 +71,8 @@ export const env = createEnv({
     NEXTAUTH_URL: process.env.NEXTAUTH_URL,
     DISCORD_CLIENT_ID: process.env.DISCORD_CLIENT_ID,
     DISCORD_CLIENT_SECRET: process.env.DISCORD_CLIENT_SECRET,
+    NEXT_PUBLIC_POSTHOG_API_KEY: process.env.POSTHOG_API_KEY,
+    NEXT_PUBLIC_POSTHOG_HOST: process.env.POSTHOG_HOST,
   },
   /**
    * Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation. This is especially
