chore: removing old analytics, adding posthog

LennardZuendorf · Nov 6, 2023 · 0c9b731 · 0c9b731
1 parent f00858a
commit 0c9b731
Show file tree

Hide file tree

Showing 5 changed files with 70 additions and 51 deletions.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -2,11 +2,11 @@ import "@/styles/globals.css";
 import { Metadata } from "next";
 import { siteConfig } from "@/config/site";
 import { fontSans } from "@/config/fonts";
-import { Providers } from "./providers";
+import { UIProvider } from "./uiProvider";
 import { Navbar } from "@/components/navbar";
 import clsx from "clsx";
 import {Footer} from "@/components/footer";
-import { AptabaseProvider } from '@aptabase/react';
+import { PHProvider } from "./posthogProvider";
 
 export const metadata: Metadata = {
 	title: {
@@ -33,23 +33,24 @@ export default function RootLayout({
 	return (
 		<html lang="en" suppressHydrationWarning>
 			<head />
-			<body
-				className={clsx(
-					"min-h-screen bg-background font-sans",
-					fontSans.variable
-				)}
-			>
-				<AptabaseProvider appKey="A-EU-5932666181">{children}</AptabaseProvider>
-					<Providers themeProps={{ attribute: "class", defaultTheme: "dark" }}>
-						<div className="relative flex flex-col h-screen">
-							<Navbar />
-							<main className="container mx-auto max-w-7xl pt-16 px-6 flex-grow">
-								{children}
-							</main>
-							<Footer />
-						</div>
-					</Providers>
-			</body>
+			<PHProvider>
+				<body
+					className={clsx(
+						"min-h-screen bg-background font-sans",
+						fontSans.variable
+					)}
+				>
+						<UIProvider themeProps={{ attribute: "class", defaultTheme: "dark" }}>
+							<div className="relative flex flex-col h-screen">
+								<Navbar />
+								<main className="container mx-auto max-w-7xl pt-16 px-6 flex-grow">
+									{children}
+								</main>
+								<Footer />
+							</div>
+						</UIProvider>
+				</body>
+			</PHProvider>
 		</html>
 	);
 }
diff --git a/app/posthogProvider.tsx b/app/posthogProvider.tsx
@@ -0,0 +1,21 @@
+// app/providers.tsx
+'use client'
+import posthog from 'posthog-js'
+import { PostHogProvider } from 'posthog-js/react'
+import { usePathname, useSearchParams } from "next/navigation";
+import { useEffect } from "react";
+
+if (typeof window !== 'undefined') {
+  posthog.init(process.env.NEXT_PUBLIC_POSTHOG_KEY, {
+    api_host: process.env.NEXT_PUBLIC_POSTHOG_HOST,
+    capture_pageview: true
+  })
+}
+
+export function PHProvider({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return <PostHogProvider client={posthog}>{children}</PostHogProvider>
+}
diff --git a/app/providers.tsx → app/uiProvider.tsx b/app/providers.tsx → app/uiProvider.tsx
@@ -10,7 +10,7 @@ export interface ProvidersProps {
 	themeProps?: ThemeProviderProps;
 }
 
-export function Providers({ children, themeProps }: ProvidersProps) {
+export function UIProvider({ children, themeProps }: ProvidersProps) {
 	return (
 		<NextUIProvider>
 			<NextThemesProvider {...themeProps}>{children}</NextThemesProvider>

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -9,7 +9,6 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@aptabase/react": "^0.2.2",
     "@nextui-org/button": "2.0.18",
     "@nextui-org/code": "2.0.16",
     "@nextui-org/input": "2.1.6",
@@ -36,6 +35,7 @@
     "next": "13.4.19",
     "next-themes": "^0.2.1",
     "postcss": "8.4.29",
+    "posthog-js": "^1.88.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-icons": "^4.11.0",