added analytics

2025-03-20 14:47:25 -05:00
parent 737b27e76d
commit dcec3adaaf
3 changed files with 44 additions and 2 deletions
@@ -9,6 +9,7 @@
            "version": "1.0.0",
            "license": "MIT",
            "dependencies": {
+                "@vercel/analytics": "^1.5.0",
                "autoprefixer": "^10.4.17",
                "date-fns": "^3.3.1",
                "gray-matter": "^4.0.3",
@@ -1034,6 +1035,44 @@
                "win32"
            ]
        },
+        "node_modules/@vercel/analytics": {
+            "version": "1.5.0",
+            "resolved": "https://registry.npmjs.org/@vercel/analytics/-/analytics-1.5.0.tgz",
+            "integrity": "sha512-MYsBzfPki4gthY5HnYN7jgInhAZ7Ac1cYDoRWFomwGHWEX7odTEzbtg9kf/QSo7XEsEAqlQugA6gJ2WS2DEa3g==",
+            "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/acorn": {
            "version": "8.14.1",
            "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.1.tgz",
@@ -19,6 +19,7 @@
    "author": "",
    "license": "MIT",
    "dependencies": {
+        "@vercel/analytics": "^1.5.0",
        "autoprefixer": "^10.4.17",
        "date-fns": "^3.3.1",
        "gray-matter": "^4.0.3",
@@ -2,6 +2,7 @@ import Head from 'next/head';
 import React, { ReactNode } from 'react';
 import Footer from './Footer';
 import Header from './Header';
+import { Analytics } from "@vercel/analytics/react"

 interface LayoutProps {
  children: ReactNode;
@@ -15,7 +16,7 @@ const Layout: React.FC<LayoutProps> = ({
  description = 'A blog dedicated to exploring the doctrines of grace and Reformed theology.'
 }) => {
  return (
-    <>
+    <html lang="en">
      <Head>
        <title>{title}</title>
        <meta name="description" content={description} />
@@ -29,7 +30,8 @@ const Layout: React.FC<LayoutProps> = ({
        </main>
        <Footer />
      </div>
-    </>
+      <Analytics />
+    </html>
  );
 };