add plausible for visits analytics

d-ivashchuk · Apr 4, 2024 · 134d6ab · 134d6ab
1 parent c0f570c
commit 134d6ab
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -51,6 +51,7 @@
     "lucide-react": "^0.363.0",
     "next": "^14.1.3",
     "next-auth": "^4.24.6",
+    "next-plausible": "^3.12.0",
     "next-themes": "^0.3.0",
     "posthog-js": "^1.116.6",
     "react": "18.2.0",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/components/providers/index.tsx b/src/components/providers/index.tsx
@@ -4,6 +4,7 @@ import React, { useEffect } from "react";
 import posthog from "posthog-js";
 import { PostHogProvider, usePostHog } from "posthog-js/react";
 import { SessionProvider, useSession } from "next-auth/react";
+import PlausibleProvider from "next-plausible";
 
 import { TRPCReactProvider } from "~/trpc/react";
 import { env } from "~/env.mjs";
@@ -46,11 +47,13 @@ const Providers = ({ children }: { children: React.ReactNode }) => {
     >
       <TRPCReactProvider>
         <SessionProvider>
-          <PostHogProvider client={posthog}>
-            <TooltipProvider>
-              <Identification>{children}</Identification>
-            </TooltipProvider>
-          </PostHogProvider>
+          <PlausibleProvider domain={env.NEXT_PUBLIC_DEPLOYMENT_URL}>
+            <PostHogProvider client={posthog}>
+              <TooltipProvider>
+                <Identification>{children}</Identification>
+              </TooltipProvider>
+            </PostHogProvider>
+          </PlausibleProvider>
         </SessionProvider>
       </TRPCReactProvider>
     </ThemeProvider>