diff --git a/package.json b/package.json
index 8eb0f70..2893358 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,8 @@
   },
   "dependencies": {
     "@phosphor-icons/react": "^2.0.15",
+    "@vercel/analytics": "^1.5.0",
+    "@vercel/speed-insights": "^1.2.0",
     "gray-matter": "^4.0.3",
     "markdown-it": "^14.0.0",
     "next": "^14.2.5",
diff --git a/public/setup/image.png b/public/setup/image.png
new file mode 100644
index 0000000..a90911d
Binary files /dev/null and b/public/setup/image.png differ
diff --git a/src/pages/_app.jsx b/src/pages/_app.jsx
index 8de1c09..7441ed2 100644
--- a/src/pages/_app.jsx
+++ b/src/pages/_app.jsx
@@ -4,6 +4,8 @@ import "~/styles/globals.css"
 import { useEffect } from "react"
 import { useRouter } from "next/router"
 import { Roboto, Mali } from "next/font/google"
+import { Analytics } from '@vercel/analytics/next';
+import { SpeedInsights } from '@vercel/speed-insights/next';
 
 const roboto = Roboto({
   weight: "400",
@@ -27,7 +29,13 @@ function MyApp({ Component, pageProps }) {
   }, [stright])
 
 
-  return <Component {...pageProps} />
+  return (
+    <>
+      <Component {...pageProps} />
+      <Analytics />
+      <SpeedInsights />
+    </>
+  );
 }
 
 export default MyApp