cache busting. portfolio list image click redirects to detail page

content/pages/portfolio.njk

@@ -11,11 +11,12 @@ permalink: "/portfolio/"
 		- {{portfolioItem.data.description}}
 		<a href="{{portfolioItem.data.page.url | safe}}">See More -></a>
 	</div>
+	<a href="{{portfolioItem.data.page.url | safe}}">
 		<div class="flex">
 			{% for image in portfolioItem.data.images.slice(0,3) %}
-
 			<img src={{image}} alt="" width="400" />
 			{% endfor %}
 		</div>
+	</a>
 </div>
 {% endfor %}

eleventy.config.js

@@ -3,6 +3,7 @@ import Image, { eleventyImageTransformPlugin } from "@11ty/eleventy-img";
 import { DateTime } from "luxon";
 import markdownit from "markdown-it";
 import syntaxHighlight from '@11ty/eleventy-plugin-syntaxhighlight';
+import cacheBuster from 'eleventy-auto-cache-buster';
 
 export default async function (eleventyConfig) {
 	// Filters
@@ -61,6 +62,9 @@ export default async function (eleventyConfig) {
 	// Syntax Highlighting
 	eleventyConfig.addPlugin(syntaxHighlight);
 
+	// Cache busting
+	eleventyConfig.addPlugin(cacheBuster);
+
 	//File passthrough
 	eleventyConfig.addPassthroughCopy("content/robots.txt");
 

package-lock.json

@@ -14,6 +14,9 @@
         "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0",
         "luxon": "^3.5.0",
         "sass": "^1.83.4"
+      },
+      "devDependencies": {
+        "eleventy-auto-cache-buster": "^0.7.0"
       }
     },
     "node_modules/@11ty/dependency-tree": {
@@ -1587,6 +1590,16 @@
       "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
       "license": "MIT"
     },
+    "node_modules/eleventy-auto-cache-buster": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/eleventy-auto-cache-buster/-/eleventy-auto-cache-buster-0.7.0.tgz",
+      "integrity": "sha512-OcICXm0XwbPJxhrCZyKU2cC3w9ciRUEUl1SBOKgImeroF5OwnaJ2xho/c0V+NRJ+NILXnCq9YR0Yr1dZ+yGP1w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "glob": "^10.3.10"
+      }
+    },
     "node_modules/emoji-regex": {
       "version": "9.2.2",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",

package.json

@@ -18,5 +18,8 @@
     "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0",
     "luxon": "^3.5.0",
     "sass": "^1.83.4"
+  },
+  "devDependencies": {
+    "eleventy-auto-cache-buster": "^0.7.0"
   }
 }