diff --git a/package.json b/package.json
index dbde2fb8..aa134de3 100644
--- a/package.json
+++ b/package.json
@@ -27,6 +27,7 @@
     "not op_mini all"
   ],
   "dependencies": {
+    "@vercel/analytics": "^1.1.1",
     "highlight.js": "^11.8.0",
     "lodash.debounce": "^4.0.8",
     "react": "^18.2.0",
diff --git a/src/App.tsx b/src/App.tsx
index 592d5e7e..c4afd4b0 100755
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -5,6 +5,7 @@ import styles from "./App.module.css"
 import Layout from "./components/Layout"
 import routes from "./routes"
 import { getPrevNextPaths } from "./nav"
+import { Analytics} from "@vercel/analytics/react";
 
 function App() {
   const { state, init } = useAppContext()
@@ -20,7 +21,8 @@ function App() {
   }
 
   return (
-    <Router basename={import.meta.env.VITE_PUBLIC_URL}>
+    <Router basename={import.meta.env.VITE_PUBLIC_URL}>'
+      <Analytics/>
       <Layout>
         <Routes>
           {routes.map((route) => {