added speed insights

package-lock.json

@@ -10,6 +10,7 @@
             "license": "MIT",
             "dependencies": {
                 "@vercel/analytics": "^1.5.0",
+                "@vercel/speed-insights": "^1.2.0",
                 "autoprefixer": "^10.4.17",
                 "date-fns": "^3.3.1",
                 "gray-matter": "^4.0.3",
@@ -1073,6 +1074,41 @@
                 }
             }
         },
+        "node_modules/@vercel/speed-insights": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/@vercel/speed-insights/-/speed-insights-1.2.0.tgz",
+            "integrity": "sha512-y9GVzrUJ2xmgtQlzFP2KhVRoCglwfRQgjyfY607aU0hh0Un6d0OUyrJkjuAlsV18qR4zfoFPs/BiIj9YDS6Wzw==",
+            "hasInstallScript": true,
+            "license": "Apache-2.0",
+            "peerDependencies": {
+                "@sveltejs/kit": "^1 || ^2",
+                "next": ">= 13",
+                "react": "^18 || ^19 || ^19.0.0-rc",
+                "svelte": ">= 4",
+                "vue": "^3",
+                "vue-router": "^4"
+            },
+            "peerDependenciesMeta": {
+                "@sveltejs/kit": {
+                    "optional": true
+                },
+                "next": {
+                    "optional": true
+                },
+                "react": {
+                    "optional": true
+                },
+                "svelte": {
+                    "optional": true
+                },
+                "vue": {
+                    "optional": true
+                },
+                "vue-router": {
+                    "optional": true
+                }
+            }
+        },
         "node_modules/acorn": {
             "version": "8.14.1",
             "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.1.tgz",

package.json

@@ -20,6 +20,7 @@
     "license": "MIT",
     "dependencies": {
         "@vercel/analytics": "^1.5.0",
+        "@vercel/speed-insights": "^1.2.0",
         "autoprefixer": "^10.4.17",
         "date-fns": "^3.3.1",
         "gray-matter": "^4.0.3",

src/components/Layout.tsx

@@ -3,6 +3,7 @@ import React, { ReactNode } from 'react';
 import Footer from './Footer';
 import Header from './Header';
 import { Analytics } from "@vercel/analytics/react"
+import { SpeedInsights } from "@vercel/speed-insights/next"
 
 interface LayoutProps {
   children: ReactNode;
@@ -31,6 +32,7 @@ const Layout: React.FC<LayoutProps> = ({
         <Footer />
       </div>
       <Analytics />
+      <SpeedInsights/>
     </html>
   );
 };