add previous and next blogs

.eleventy.js

@@ -29,6 +29,20 @@ module.exports = function(eleventyConfig) {
 
     eleventyConfig.setLibrary("md", markdownLib);
 
+    eleventyConfig.addCollection("posts", function(collection) {
+        const coll = collection.getFilteredByTag("post");
+
+        for(let i = 0; i < coll.length ; i++) {
+            const prevPost = coll[i-1];
+            const nextPost = coll[i + 1];
+
+            coll[i].data["prevPost"] = prevPost;
+            coll[i].data["nextPost"] = nextPost;
+        }
+
+        return coll;
+    });
+
     return {
         dir: {
           input: 'src',

src/_includes/post.njk

@@ -18,4 +18,16 @@ tags:
   {{ content | safe  }}
 
   <hr>
+  	{% if nextPost.url %}
+		<p>
+			<strong>Next</strong>:
+			<a class="next" href="{{ nextPost.url }}">{{ nextPost.data.title }}</a>
+		</p>
+	{% endif %}
+	{% if prevPost.url %}
+		<p>
+			<strong>Previous</strong>:
+			<a class="previous" href="{{ prevPost.url }}">{{ prevPost.data.title }}</a>
+		</p>
+	{% endif %}
 </article>

src/css/css.css

@@ -163,5 +163,6 @@ footer{
     font-size: small;
     text-align: center;
     padding: 25px;
+    padding-top: 0.5em;
 }