From 41287a9981bec3b498888d1dda5efdc83aef9f19 Mon Sep 17 00:00:00 2001
From: tiennm99 <tiennm99@outlook.com>
Date: Fri, 27 Jun 2025 22:37:10 +0700
Subject: [PATCH] feat: add speed insights

---
 package-lock.json | 36 ++++++++++++++++++++++++++++++++++++
 package.json      |  1 +
 src/app/layout.js |  4 ++++
 src/app/page.js   |  2 --
 4 files changed, 41 insertions(+), 2 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 987fe17..a4020fe 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,6 +9,7 @@
       "version": "0.1.0",
       "dependencies": {
         "@vercel/analytics": "^1.5.0",
+        "@vercel/speed-insights": "^1.2.0",
         "axios": "^1.10.0",
         "date-fns": "^4.1.0",
         "next": "15.3.4",
@@ -1955,6 +1956,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.15.0",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
diff --git a/package.json b/package.json
index 2574720..9c5140a 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "@vercel/analytics": "^1.5.0",
+    "@vercel/speed-insights": "^1.2.0",
     "axios": "^1.10.0",
     "date-fns": "^4.1.0",
     "next": "15.3.4",
diff --git a/src/app/layout.js b/src/app/layout.js
index 7bf337d..bb0c64c 100644
--- a/src/app/layout.js
+++ b/src/app/layout.js
@@ -1,5 +1,7 @@
 import { Geist, Geist_Mono } from "next/font/google";
 import "./globals.css";
+import { Analytics } from "@vercel/analytics/react";
+import { SpeedInsights } from '@vercel/speed-insights/next';
 
 const geistSans = Geist({
   variable: "--font-geist-sans",
@@ -23,6 +25,8 @@ export default function RootLayout({ children }) {
         className={`${geistSans.variable} ${geistMono.variable} antialiased`}
       >
         {children}
+        <Analytics />
+        <SpeedInsights />
       </body>
     </html>
   );
diff --git a/src/app/page.js b/src/app/page.js
index e852967..dfc33ed 100644
--- a/src/app/page.js
+++ b/src/app/page.js
@@ -2,7 +2,6 @@
 import React, { useEffect, useState } from "react";
 import ExchangeRateViewer from "./components/ExchangeRateViewer";
 import { format, subDays } from "date-fns";
-import { Analytics } from "@vercel/analytics/next"
 
 export default function Home() {
   const [defaultStartDate, setDefaultStartDate] = useState("");
@@ -25,7 +24,6 @@ export default function Home() {
           />
         )}
       </main>
-      <Analytics />
     </div>
   );
 }