diff --git a/package-lock.json b/package-lock.json index 03d0424..a3a8950 100644 --- a/package-lock.json +++ b/package-lock.json @@ -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", diff --git a/package.json b/package.json index b2c821d..275819e 100644 --- a/package.json +++ b/package.json @@ -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", diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx index 7c8820f..554bba8 100644 --- a/src/components/Layout.tsx +++ b/src/components/Layout.tsx @@ -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 = ({ description = 'A blog dedicated to exploring the doctrines of grace and Reformed theology.' }) => { return ( - <> + {title} @@ -29,7 +30,8 @@ const Layout: React.FC = ({