Merge pull request #2 from thedevdavid/develop

feat: added Vercel analytics

Author: thedevdavid

README.md

@@ -82,7 +82,9 @@ You can change the metadata in `utils/metadata.ts`. This will be used around the
 
 ### Analytics
 
-_WIP_ as I'm still deciding which analytics tools to support. Feel free to open an issue if you have any suggestions or a PR if you want to implement it yourself.
+Vercel analytics is added. To configure, you need to enable it on [Vercel project dashboard](https://vercel.com/dashboard) by selecting your Project and then click the Analytics tab and click Enable from the dialog.
+
+Supporting other analytics providers are planned. Feel free to open an issue if you have any suggestions or a PR if you want to implement it yourself.
 
 ### Newsletter subscription
 
@@ -126,18 +128,19 @@ Create a PR and add your digital garden to this list if you're using the templat
 - [x] OG image generation
 - [x] projects page
 - [x] about section on homepage
+- [x] search & command bar
+- [x] Vercel analytics (fathom, simplelytics, vercel)
 - [ ] Design improvements (whitespace, layout, etc.)
 - [ ] `manifest.json`
-- [ ] search & command bar
 - [ ] newsletter integration
 - [ ] Post series
 - [ ] Hidden content (behind email subscription)
 - [ ] 100 lighthouse score
 - [ ] Command bar fuzzy search in content
 - [ ] Pagination
 - [ ] SEO improvements
-- [ ] analytics (fathom, simplelytics, vercel)
 - [ ] Accessibility audit
+- [ ] Other analytics providers (fathom, simplelytics, etc.)
 - [ ] TypeScript fixes
 - [ ] Redesign uses page
 - [ ] Redesign projects page

app/layout.tsx

@@ -1,6 +1,7 @@
 import "./globals.css";
 
 import { Inter, Space_Grotesk } from "next/font/google";
+import { Analytics } from "@vercel/analytics/react";
 
 import siteMetadata from "@/lib/metadata";
 import { Toaster } from "@/components/ui/toaster";
@@ -32,6 +33,8 @@ export default function RootLayout({ children }: RootLayoutProps) {
           <Toaster />
         </ThemeProvider>
       </body>
+
+      <Analytics />
     </html>
   );
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "digital-garden",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "private": true,
   "repository": "https://github.com/thedevdavid/digital-garden",
   "author": {
@@ -29,6 +29,7 @@
     "@radix-ui/react-slot": "1.0.2",
     "@radix-ui/react-toast": "1.1.4",
     "@radix-ui/react-tooltip": "1.0.6",
+    "@vercel/analytics": "1.0.1",
     "bright": "0.8.2",
     "class-variance-authority": "0.6.0",
     "clsx": "1.2.1",