feat: add speed insights

seadclub · Dec 7, 2023 · e0398fb · e0398fb
1 parent 56ecb8b
commit e0398fb
Showing 1 changed file with 22 additions and 20 deletions.
diff --git a/pages/_app.js b/pages/_app.js
@@ -3,31 +3,33 @@ import Fonts from "../components/fonts";
 import { AnimatePresence } from "framer-motion";
 import Chakra from "../components/chakra";
 import { Analytics } from "@vercel/analytics/react";
+import { SpeedInsights } from "@vercel/speed-insights/next"
 
 if (typeof window !== "undefined") {
-  window.history.scrollRestoration = "manual";
+    window.history.scrollRestoration = "manual";
 }
 
 function Website({ Component, pageProps, router }) {
-  return (
-    <Chakra cookies={pageProps.cookies}>
-      <Fonts />
-      <Layout router={router}>
-        <AnimatePresence
-          exitBeforeEnter
-          initial={true}
-          onExitComplete={() => {
-            if (typeof window !== "undefined") {
-              window.scrollTo({ top: 0 });
-            }
-          }}
-        >
-          <Component {...pageProps} key={router.route} />
-        </AnimatePresence>
-      </Layout>
-      <Analytics />
-    </Chakra>
-  );
+    return (
+        <Chakra cookies={pageProps.cookies}>
+            <Fonts />
+            <Layout router={router}>
+                <AnimatePresence
+                    exitBeforeEnter
+                    initial={true}
+                    onExitComplete={() => {
+                        if (typeof window !== "undefined") {
+                            window.scrollTo({ top: 0 });
+                        }
+                    }}
+                >
+                    <Component {...pageProps} key={router.route} />
+                </AnimatePresence>
+            </Layout>
+            <Analytics />
+            <SpeedInsights />
+        </Chakra>
+    );
 }
 
 export default Website;