Merge pull request #162 from UTDNebula/develop

Speed Insights + Merge develop into main
UTDNebula · Aug 21, 2024 · 1da3161 · 1da3161
2 parents cbd5cc3 + b941db0
commit 1da3161
Show file tree

Hide file tree

Showing 3 changed files with 44 additions and 3 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -25,6 +25,7 @@
     "@mui/icons-material": "^5.4.4",
     "@mui/material": "^5.4.2",
     "@vercel/analytics": "^1.0.0",
+    "@vercel/speed-insights": "^1.0.12",
     "apexcharts": "^3.33.2",
     "autoprefixer": "^10.4.2",
     "autosuggest-highlight": "^3.3.4",

diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -4,10 +4,12 @@ import GitHub from '@mui/icons-material/GitHub';
 import { Card, IconButton, Tooltip, useMediaQuery } from '@mui/material';
 import { createTheme, ThemeProvider } from '@mui/material/styles';
 import { Analytics } from '@vercel/analytics/react';
+import { SpeedInsights } from '@vercel/speed-insights/react';
 import type { AppProps } from 'next/app';
 import { Inter } from 'next/font/google';
 import localFont from 'next/font/local';
 import Head from 'next/head';
+import { useRouter } from 'next/router';
 import React from 'react';
 
 const inter = Inter({
@@ -92,6 +94,8 @@ function MyApp({ Component, pageProps }: AppProps) {
     },
   });
 
+  const router = useRouter();
+
   return (
     <>
       <Head>
@@ -122,6 +126,7 @@ function MyApp({ Component, pageProps }: AppProps) {
         </main>
       </ThemeProvider>
       <Analytics />
+      <SpeedInsights route={router.pathname} />
       {showGitInfo ? (
         <>
           <Card