add google analytics, fix to key prop on writing/index

rvilgalys · Feb 4, 2025 · 958c19d · 958c19d
1 parent 96cba17
commit 958c19d
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 2 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -11,6 +11,7 @@
     "@mdx-js/loader": "^3.1.0",
     "@mdx-js/react": "^3.1.0",
     "@next/mdx": "^9.5.5",
+    "@next/third-parties": "^15.1.6",
     "@tailwindcss/postcss": "^4.0.0",
     "@types/mdx": "^2.0.13",
     "motion": "^12.0.5",

diff --git a/pages/_document.js b/pages/_document.js
@@ -1,4 +1,5 @@
 import { Html, Head, Main, NextScript } from "next/document";
+import { GoogleAnalytics } from "@next/third-parties/google";
 
 export default function Document() {
   return (
@@ -8,6 +9,7 @@ export default function Document() {
           rel="stylesheet"
           href="https://use.typekit.net/zdk0lrz.css"
         ></link>
+        <GoogleAnalytics gaId="G-KZHRMR7BVH"></GoogleAnalytics>
       </Head>
       <body>
         <Main />

diff --git a/pages/writing/index.js b/pages/writing/index.js
@@ -38,6 +38,7 @@ const Index = ({ posts }) => {
           </button>
           {allCategories.map((category) => (
             <button
+              key={category}
               type="button"
               onClick={() => setSelectedCategory(category)}
               className={
@@ -72,7 +73,6 @@ const Index = ({ posts }) => {
 export const getStaticProps = async () => {
   // using require here since it lets us parse exports
   const postContent = require.context("./", true, /\.mdx$/);
-  console.log("postContent: " + postContent);
   const postPromises = postContent.keys().map(async (post) => {
     const link = post.substr(2).split(".")[0];
     const content = await postContent(post);

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -1,6 +1,5 @@
 module.exports = {
   purge: [],
-
   variants: {},
   plugins: [],
 };