diff --git a/package-lock.json b/package-lock.json
index 92fd19e..dc25b0b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,6 +11,7 @@
         "@douyinfe/semi-ui": "^2.51.3",
         "@lexical/react": "^0.12.5",
         "@monaco-editor/react": "^4.6.0",
+        "@vercel/analytics": "^1.2.2",
         "axios": "^1.6.2",
         "dexie": "^3.2.4",
         "dexie-react-hooks": "^1.1.7",
@@ -1649,6 +1650,26 @@
       "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
       "dev": true
     },
+    "node_modules/@vercel/analytics": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@vercel/analytics/-/analytics-1.2.2.tgz",
+      "integrity": "sha512-X0rctVWkQV1e5Y300ehVNqpOfSOufo7ieA5PIdna8yX/U7Vjz0GFsGf4qvAhxV02uQ2CVt7GYcrFfddXXK2Y4A==",
+      "dependencies": {
+        "server-only": "^0.0.1"
+      },
+      "peerDependencies": {
+        "next": ">= 13",
+        "react": "^18 || ^19"
+      },
+      "peerDependenciesMeta": {
+        "next": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@vitejs/plugin-react": {
       "version": "4.2.1",
       "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.2.1.tgz",
@@ -5060,6 +5081,11 @@
         "semver": "bin/semver.js"
       }
     },
+    "node_modules/server-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/server-only/-/server-only-0.0.1.tgz",
+      "integrity": "sha512-qepMx2JxAa5jjfzxG79yPPq+8BuFToHd1hm7kI+Z4zAq1ftQiP7HcxMhDDItrbtwVeLg/cY2JnKnrcFkmiswNA=="
+    },
     "node_modules/set-function-length": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.1.1.tgz",
diff --git a/package.json b/package.json
index 52c3796..36a1025 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
     "@douyinfe/semi-ui": "^2.51.3",
     "@lexical/react": "^0.12.5",
     "@monaco-editor/react": "^4.6.0",
+    "@vercel/analytics": "^1.2.2",
     "axios": "^1.6.2",
     "dexie": "^3.2.4",
     "dexie-react-hooks": "^1.1.7",
diff --git a/src/main.jsx b/src/main.jsx
index dfeade9..2fcc23a 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -1,15 +1,17 @@
-// import React from 'react';
-import ReactDOM from 'react-dom/client';
-import App from './App.jsx';
-import './index.css';
+import ReactDOM from "react-dom/client";
+import App from "./App.jsx";
+import "./index.css";
 import { LocaleProvider } from "@douyinfe/semi-ui";
+import { Analytics } from "@vercel/analytics/react";
+
 import en_US from "@douyinfe/semi-ui/lib/es/locale/source/en_US";
 
 const root = ReactDOM.createRoot(document.getElementById("root"));
 root.render(
   // <React.StrictMode>
-   <LocaleProvider locale={en_US}>
-      <App />
-    </LocaleProvider>
+  <LocaleProvider locale={en_US}>
+    <App />
+    <Analytics />
+  </LocaleProvider>
   // </React.StrictMode>
-);
\ No newline at end of file
+);