feat: enable vercel analytics

clashperk · Oct 25, 2024 · f006fa5 · f006fa5
1 parent 221313f
commit f006fa5
Show file tree

Hide file tree

Showing 3 changed files with 71 additions and 0 deletions.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -3,6 +3,8 @@ import theme from '@/util/theme';
 import { AppRouterCacheProvider } from '@mui/material-nextjs/v13-appRouter';
 import { ThemeProvider } from '@mui/material/styles';
 import { GoogleAnalytics, GoogleTagManager } from '@next/third-parties/google';
+import { Analytics } from '@vercel/analytics/react';
+import { SpeedInsights } from '@vercel/speed-insights/next';
 import type { Metadata, Viewport } from 'next';
 import { Kanit } from 'next/font/google';
 import { cookies, headers } from 'next/headers';
@@ -108,6 +110,9 @@ export default async function RootLayout({
             <ContextWrapper user={user}>{children}</ContextWrapper>
           </ThemeProvider>
         </AppRouterCacheProvider>
+
+        <Analytics />
+        <SpeedInsights />
       </body>
     </html>
   );

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -20,6 +20,8 @@
     "@mui/x-date-pickers": "^7.12.0",
     "@next/third-parties": "^15.0.1",
     "@types/moment-duration-format": "^2.2.6",
+    "@vercel/analytics": "^1.3.2",
+    "@vercel/speed-insights": "^1.0.14",
     "chart.js": "^4.4.5",
     "chartjs-adapter-moment": "^1.0.1",
     "cookies-next": "^4.2.1",