Remove Plausible analytics integration (#7525)

jnsdls · jnsdls · commit 9fba016cffe4 · 2025-07-04T02:35:21.000Z
# Remove Plausible Analytics Integration

This PR removes the Plausible Analytics integration from our applications:

- Removed `next-plausible` dependency from the dashboard app
- Removed Plausible script tags from dashboard, playground-web, and portal layouts
- Removed the Plausible proxy configuration from the Next.js config
- Updated the webpack configuration to work without the Plausible proxy wrapper

&lt;!-- start pr-codex --&gt;

---

## PR-Codex overview
This PR removes the usage of `next-plausible` from various files and updates dependencies accordingly. It also cleans up the code by removing unnecessary `&lt;head&gt;` elements and script imports across multiple layout files.

### Detailed summary
- Removed `next-plausible` dependency from `apps/dashboard/package.json`.
- Deleted `&lt;Script&gt;` components related to Plausible from `layout.tsx` files in `apps/playground-web`, `apps/dashboard`, and `apps/portal`.
- Cleaned up `next.config.ts` by removing `withPlausibleProxy`.
- Updated `pnpm-lock.yaml` to reflect the removal of `next-plausible`.

&gt; ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`

&lt;!-- end pr-codex --&gt;

&lt;!-- This is an auto-generated comment: release notes by coderabbit.ai --&gt;

## Summary by CodeRabbit

* **Chores**
  * Removed Plausible analytics integration and related dependencies from the dashboard.
  * Removed external script loading from the layouts of the playground-web and portal apps.

&lt;!-- end of auto-generated comment: release notes by coderabbit.ai --&gt;
diff --git a/apps/dashboard/next.config.ts b/apps/dashboard/next.config.ts
@@ -208,35 +208,29 @@ function getConfig(): NextConfig {
     const withBundleAnalyzer = require("@next/bundle-analyzer")({
       enabled: process.env.ANALYZE === "true",
     });
-    // eslint-disable-next-line @typescript-eslint/no-var-requires
-    const { withPlausibleProxy } = require("next-plausible");
+
     // eslint-disable-next-line @typescript-eslint/no-var-requires
     const { withSentryConfig } = require("@sentry/nextjs");
     return withBundleAnalyzer(
-      withPlausibleProxy({
-        customDomain: "https://pl.thirdweb.com",
-        scriptName: "pl",
-      })(
-        withSentryConfig(
-          {
-            ...baseNextConfig,
-            // @ts-expect-error - this is a valid option
-            webpack: (config) => {
-              if (config.cache) {
-                config.cache = Object.freeze({
-                  type: "memory",
-                });
-              }
-              config.module = {
-                ...config.module,
-                exprContextCritical: false,
-              };
-              // Important: return the modified config
-              return config;
-            },
+      withSentryConfig(
+        {
+          ...baseNextConfig,
+          // @ts-expect-error - this is a valid option
+          webpack: (config) => {
+            if (config.cache) {
+              config.cache = Object.freeze({
+                type: "memory",
+              });
+            }
+            config.module = {
+              ...config.module,
+              exprContextCritical: false,
+            };
+            // Important: return the modified config
+            return config;
           },
-          SENTRY_OPTIONS,
-        ),
+        },
+        SENTRY_OPTIONS,
       ),
     );
   }
diff --git a/apps/dashboard/package.json b/apps/dashboard/package.json
@@ -48,7 +48,6 @@
     "ipaddr.js": "^2.2.0",
     "lucide-react": "0.525.0",
     "next": "15.3.5",
-    "next-plausible": "^3.12.4",
     "next-themes": "^0.4.6",
     "nextjs-toploader": "^1.6.12",
     "nuqs": "^2.4.3",
diff --git a/apps/dashboard/src/app/(app)/layout.tsx b/apps/dashboard/src/app/(app)/layout.tsx
@@ -1,7 +1,6 @@
 import "../../global.css";
 import type { Metadata } from "next";
 import { Inter } from "next/font/google";
-import PlausibleProvider from "next-plausible";
 import NextTopLoader from "nextjs-toploader";
 import { DashboardRouterTopProgressBar } from "@/lib/DashboardRouter";
 import { cn } from "@/lib/utils";
@@ -52,14 +51,6 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en" suppressHydrationWarning>
-      <head>
-        <PlausibleProvider
-          customDomain="https://pl.thirdweb.com"
-          domain="thirdweb.com"
-          selfHosted
-        />
-      </head>
-
       <body
         className={cn("bg-background font-sans antialiased", fontSans.variable)}
       >
diff --git a/apps/playground-web/src/app/layout.tsx b/apps/playground-web/src/app/layout.tsx
@@ -1,6 +1,5 @@
 import type { Metadata } from "next";
 import { Fira_Code, Inter } from "next/font/google";
-import Script from "next/script";
 import { metadataBase } from "@/lib/constants";
 import { cn } from "@/lib/utils";
 import { AppSidebar } from "./AppSidebar";
@@ -36,15 +35,6 @@ export default async function RootLayout({
   const sidebarLinks = getSidebarLinks();
   return (
     <html lang="en" suppressHydrationWarning>
-      <head>
-        <Script
-          data-api="https://pl.thirdweb.com/api/event"
-          data-domain="playground.thirdweb.com"
-          defer
-          src="https://thirdweb.com/js/pl.js"
-        />
-      </head>
-
       <body
         className={cn(
           "bg-background font-sans antialiased ",
diff --git a/apps/portal/src/app/layout.tsx b/apps/portal/src/app/layout.tsx
@@ -1,6 +1,5 @@
 import "./globals.css";
 import { Fira_Code, Inter } from "next/font/google";
-import Script from "next/script";
 import { ThemeProvider } from "next-themes";
 import NextTopLoader from "nextjs-toploader";
 import { createMetadata } from "@/components/Document";
@@ -34,15 +33,6 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en" suppressHydrationWarning>
-      <head>
-        <Script
-          data-api="https://pl.thirdweb.com/api/event"
-          data-domain="portal.thirdweb.com"
-          defer
-          src="https://thirdweb.com/js/pl.js"
-        />
-      </head>
-
       <body
         className={cn(sansFont.variable, monoFont.variable, "font-sans")}
         suppressHydrationWarning
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
