vercel <SpeedInsights/> added

LeinahI · Dec 9, 2023 · 7f8d31d · 7f8d31d
1 parent b1b355b
commit 7f8d31d
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 4 deletions.
diff --git a/app/(auth)/layout.tsx b/app/(auth)/layout.tsx
@@ -3,6 +3,7 @@
 import { ClerkProvider } from "@clerk/nextjs";
 import { Inter } from "next/font/google";
 import "../globals.css";
+import { SpeedInsights } from "@vercel/speed-insights/next";
 
 export const metadata = {
   title: "Chirpy",
@@ -21,6 +22,7 @@ export default function RootLayout({
     <ClerkProvider>
       <html lang="en">
         <body className={` ${mainFont.className} bg-light-1`}>
+          <SpeedInsights />
           <div className="w-full flex justify-center items-center min-h-screen">
             {children}
           </div>

diff --git a/app/(root)/layout.tsx b/app/(root)/layout.tsx
@@ -7,7 +7,7 @@ import LeftSidebar from "@/components/shared/LeftSidebar";
 import Bottombar from "@/components/shared/Bottombar";
 import { ClerkProvider, currentUser } from "@clerk/nextjs";
 import { redirect } from "next/navigation";
-
+import { SpeedInsights } from "@vercel/speed-insights/next";
 
 const mainFont = Inter({ subsets: ["latin"] });
 
@@ -29,6 +29,7 @@ export default async function RootLayout({
     <ClerkProvider>
       <html lang="en">
         <body className={`${mainFont.className} custom-scrollbar`}>
+          <SpeedInsights />
           <Topbar />
           <main className="flex flex-row">
             <LeftSidebar />

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -24,6 +24,7 @@
     "@types/react": "18.2.15",
     "@types/react-dom": "18.2.7",
     "@uploadthing/react": "^5.7.0",
+    "@vercel/speed-insights": "^1.0.1",
     "autoprefixer": "10.4.14",
     "class-variance-authority": "^0.6.1",
     "clsx": "^1.2.1",