diff --git a/_includes/layouts/base.njk b/_includes/layouts/base.njk
index 124a8a2..cb1e25e 100644
--- a/_includes/layouts/base.njk
+++ b/_includes/layouts/base.njk
@@ -29,9 +29,13 @@
         <ul>
           <li><a href="#specification">Specification</a></li>
           <li><a href="#usage">Usage</a></li>
+          <li><a href="#patterns">Patterns</a></li>
           <li><a href="#examples">Examples</a></li>
         </ul>
       </nav>
+      <!-- <nav>
+        {{ collections.all | eleventyNavigation | eleventyNavigationToHtml | safe }}
+      </nav> -->
       {{ content | safe }}
       <footer>
         <a href="https://github.com/janikvonrotz/taskfile.build/edit/main/{{ page.inputPath }}">Edit this page on GitHub</a>
diff --git a/eleventy.config.js b/eleventy.config.js
index fc94ffd..281fc53 100644
--- a/eleventy.config.js
+++ b/eleventy.config.js
@@ -1,9 +1,12 @@
+const syntaxHighlight = require("@11ty/eleventy-plugin-syntaxhighlight");
+const eleventyNavigationPlugin = require("@11ty/eleventy-navigation");
+
 module.exports = async function (eleventyConfig) {
 	const { IdAttributePlugin } = await import("@11ty/eleventy");
-	const syntaxHighlight = require("@11ty/eleventy-plugin-syntaxhighlight");
 
 	eleventyConfig.addPlugin(IdAttributePlugin);
 	eleventyConfig.addPlugin(syntaxHighlight);
+	eleventyConfig.addPlugin(eleventyNavigationPlugin);
 
 	eleventyConfig.addPassthroughCopy("img");
 }
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index d126d26..b291ba4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,6 +10,7 @@
       "license": "ISC",
       "dependencies": {
         "@11ty/eleventy": "^3.0.0",
+        "@11ty/eleventy-navigation": "^0.3.5",
         "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0"
       }
     },
@@ -134,6 +135,28 @@
         "url": "https://opencollective.com/11ty"
       }
     },
+    "node_modules/@11ty/eleventy-navigation": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/@11ty/eleventy-navigation/-/eleventy-navigation-0.3.5.tgz",
+      "integrity": "sha512-4aKW5aIQDFed8xs1G1pWcEiFPcDSwZtA4IH1eERtoJ+Xy+/fsoe0pzbDmw84bHZ9ACny5jblENhfZhcCxklqQw==",
+      "license": "MIT",
+      "dependencies": {
+        "dependency-graph": "^0.11.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/11ty"
+      }
+    },
+    "node_modules/@11ty/eleventy-navigation/node_modules/dependency-graph": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/dependency-graph/-/dependency-graph-0.11.0.tgz",
+      "integrity": "sha512-JeMq7fEshyepOWDfcfHK06N3MhyPhz++vtqWhMT5O9A3K42rdsEDpfdVqjaqaAhsw6a+ZqeDvQVtD0hFHQWrzg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6.0"
+      }
+    },
     "node_modules/@11ty/eleventy-plugin-bundle": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/@11ty/eleventy-plugin-bundle/-/eleventy-plugin-bundle-3.0.0.tgz",
diff --git a/package.json b/package.json
index 5f2e103..cdb7e07 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
   "homepage": "https://github.com/janikvonrotz/taskfile.build#readme",
   "dependencies": {
     "@11ty/eleventy": "^3.0.0",
+    "@11ty/eleventy-navigation": "^0.3.5",
     "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0"
   }
 }