add plugin for vercel

README.md

@@ -1,3 +1,11 @@
 # NoteNextra
 
-static note sharing site with minimum care
+Static note sharing site with minimum care
+
+This site is powered by
+
+- [Next.js](https://nextjs.org/)
+- [Nextra](https://nextra.site/)
+- [Tailwind CSS](https://tailwindcss.com/)
+- [Vercel](https://vercel.com/)
+

package-lock.json

@@ -5,6 +5,8 @@
     "packages": {
         "": {
             "dependencies": {
+                "@vercel/analytics": "^1.4.1",
+                "@vercel/speed-insights": "^1.1.0",
                 "next": "^15.0.3",
                 "nextra": "^3.2.3",
                 "nextra-theme-docs": "^3.2.3",
@@ -1604,6 +1606,79 @@
             "integrity": "sha512-fEzPV3hSkSMltkw152tJKNARhOupqbH96MZWyRjNaYZOMIzbrTeQDG+MTc6Mr2pgzFQzFxAfmhGDNP5QK++2ZA==",
             "license": "ISC"
         },
+        "node_modules/@vercel/analytics": {
+            "version": "1.4.1",
+            "resolved": "https://registry.npmjs.org/@vercel/analytics/-/analytics-1.4.1.tgz",
+            "integrity": "sha512-ekpL4ReX2TH3LnrRZTUKjHHNpNy9S1I7QmS+g/RQXoSUQ8ienzosuX7T9djZ/s8zPhBx1mpHP/Rw5875N+zQIQ==",
+            "license": "MPL-2.0",
+            "peerDependencies": {
+                "@remix-run/react": "^2",
+                "@sveltejs/kit": "^1 || ^2",
+                "next": ">= 13",
+                "react": "^18 || ^19 || ^19.0.0-rc",
+                "svelte": ">= 4",
+                "vue": "^3",
+                "vue-router": "^4"
+            },
+            "peerDependenciesMeta": {
+                "@remix-run/react": {
+                    "optional": true
+                },
+                "@sveltejs/kit": {
+                    "optional": true
+                },
+                "next": {
+                    "optional": true
+                },
+                "react": {
+                    "optional": true
+                },
+                "svelte": {
+                    "optional": true
+                },
+                "vue": {
+                    "optional": true
+                },
+                "vue-router": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@vercel/speed-insights": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/@vercel/speed-insights/-/speed-insights-1.1.0.tgz",
+            "integrity": "sha512-rAXxuhhO4mlRGC9noa5F7HLMtGg8YF1zAN6Pjd1Ny4pII4cerhtwSG4vympbCl+pWkH7nBS9kVXRD4FAn54dlg==",
+            "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.14.0",
             "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz",

package.json

@@ -5,10 +5,12 @@
         "start": "next start"
     },
     "dependencies": {
+        "@vercel/analytics": "^1.4.1",
+        "@vercel/speed-insights": "^1.1.0",
         "next": "^15.0.3",
         "nextra": "^3.2.3",
         "nextra-theme-docs": "^3.2.3",
         "react": "^18.3.1",
         "react-dom": "^18.3.1"
     }
-}
+}

pages/_app.jsx

@@ -1,8 +1,14 @@
 import { ThemeProvider } from 'next-themes'
+import { SpeedInsights } from "@vercel/speed-insights/next"
+import { Analytics } from "@vercel/analytics/react"
 
 export default function App({ Component, pageProps }) {
     return (
         <ThemeProvider attribute='class'>
+            {/* SpeedInsights in vercel */}
+            <SpeedInsights />
+            {/* Analytics in vercel */}
+            <Analytics />
             <Component {...pageProps} />
         </ThemeProvider>
     )