Adding Vercel analytics to project

package-lock.json

@@ -1,11 +1,11 @@
 {
-  "name": "next-wordpress-test",
+  "name": "frankdelaguila-portfolio",
   "version": "0.1.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "name": "next-wordpress-test",
+      "name": "frankdelaguila-portfolio",
       "version": "0.1.0",
       "dependencies": {
         "@fortawesome/fontawesome-svg-core": "^6.4.2",
@@ -23,6 +23,7 @@
         "@types/react": "18.2.22",
         "@types/react-dom": "18.2.7",
         "@types/redux-logger": "^3.0.9",
+        "@vercel/analytics": "^1.0.2",
         "autoprefixer": "10.4.16",
         "class-variance-authority": "^0.7.0",
         "clsx": "^2.0.0",
@@ -1337,6 +1338,11 @@
         "react": ">= 16.8.0"
       }
     },
+    "node_modules/@vercel/analytics": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@vercel/analytics/-/analytics-1.0.2.tgz",
+      "integrity": "sha512-BZFxVrv24VbNNl5xMxqUojQIegEeXMI6rX3rg1uVLYUEXsuKNBSAEQf4BWEcjQDp/8aYJOj6m8V4PUA3x/cxgg=="
+    },
     "node_modules/acorn": {
       "version": "8.10.0",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz",

package.json

@@ -24,6 +24,7 @@
     "@types/react": "18.2.22",
     "@types/react-dom": "18.2.7",
     "@types/redux-logger": "^3.0.9",
+    "@vercel/analytics": "^1.0.2",
     "autoprefixer": "10.4.16",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.0.0",

src/pages/_app.tsx

@@ -1,6 +1,7 @@
 import { wrapper } from "@/lib/redux";
 import { Provider } from "react-redux";
 import type { AppProps } from "next/app";
+import { Analytics } from "@vercel/analytics/react";
 
 import "@/styles/globals.css";
 import { config } from "@fortawesome/fontawesome-svg-core";
@@ -14,6 +15,7 @@ export default function App({ Component, ...rest }: AppProps) {
     <Provider store={store}>
       <Component {...props.pageProps} />
       <Loading />
+      <Analytics />
     </Provider>
   );
 }