speed insights and analytics

app/layout.tsx

@@ -4,6 +4,8 @@ import "./globals.css";
 import Header from '@/components/Header';
 import Footer from '@/components/Footer';
 import {defaultMetadata} from '@/components/Metadata';
+import { Analytics } from "@vercel/analytics/next"
+import { SpeedInsights } from "@vercel/speed-insights/next"
 
 export const metadata = defaultMetadata;
 
@@ -35,6 +37,8 @@ export default function RootLayout({
             <Footer/>
         </div>
         </body>
+        <Analytics/>
+        <SpeedInsights/>
         </html>
     );
 }

package.json

@@ -10,6 +10,8 @@
   },
   "dependencies": {
     "@supabase/supabase-js": "^2.55.0",
+    "@vercel/analytics": "^1.5.0",
+    "@vercel/speed-insights": "^1.2.0",
     "autoprefixer": "^10.4.21",
     "date-fns": "^4.1.0",
     "gray-matter": "^4.0.3",