diff --git a/src/assets/styles/partials/_blog-item.scss b/src/assets/styles/partials/_blog-item.scss
new file mode 100644
index 0000000..f1eea6e
--- /dev/null
+++ b/src/assets/styles/partials/_blog-item.scss
@@ -0,0 +1,19 @@
+.blog-item {
+  margin-bottom: calc(var(--unit) * 3);
+
+  .tags {
+    display: flex;
+    margin: var(--unit) 0;
+
+    ul {
+      list-style-type: none;
+      display: flex;
+      margin: 0;
+      padding: 0;
+    }
+
+    li {
+      padding: 0 var(--unit);
+    }
+  }
+}
diff --git a/src/assets/styles/partials/_pagination.scss b/src/assets/styles/partials/_pagination.scss
new file mode 100644
index 0000000..ebbb22e
--- /dev/null
+++ b/src/assets/styles/partials/_pagination.scss
@@ -0,0 +1,23 @@
+.pagination {
+  ol,
+  ul {
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+    display: flex;
+  }
+
+  li {
+    padding: 0 var(--unit);
+  }
+
+  .highlighted {
+    background: var(--color-light);
+  }
+
+  [aria-current="page"] {
+    text-decoration: none;
+    pointer-events: none;
+    color: var(--color-text);
+  }
+}
diff --git a/src/assets/styles/styles.scss b/src/assets/styles/styles.scss
index e242241..44ec016 100644
--- a/src/assets/styles/styles.scss
+++ b/src/assets/styles/styles.scss
@@ -4,6 +4,10 @@
 @import "reset";
 @import "branding";
 
+/** Partials **/
+@import "partials/pagination";
+@import "partials/blog-item";
+
 /**
  * ZeroPoint starter styling
 */
diff --git a/src/assets/views/partials/blog-item.njk b/src/assets/views/partials/blog-item.njk
new file mode 100644
index 0000000..320acd4
--- /dev/null
+++ b/src/assets/views/partials/blog-item.njk
@@ -0,0 +1,16 @@
+<div class="blog-item">
+  <article>
+    <header>
+      <h2><a href="{{ post.url }}">{{ post.data.title }}</a></h2>
+      <aside class="tags">
+        <h3>Tags:</h3>
+        <ul>
+          {% for tag in post.data.tags %}
+            <li><a href="/blog/{{ tag | slugify }}">{{ tag }}</a></li>
+          {% endfor %}
+        </ul>
+      </aside>
+    </header>
+    {{ post.templateContent | safe }}
+  </article>
+</div>
diff --git a/src/assets/views/partials/pagination.njk b/src/assets/views/partials/pagination.njk
new file mode 100644
index 0000000..0c58ecd
--- /dev/null
+++ b/src/assets/views/partials/pagination.njk
@@ -0,0 +1,103 @@
+<nav class="pagination">
+  <ul>
+    {% if tag %}
+
+      {% if tag.pageNumber != 0 %}
+        {% set showPrevious = true %}
+      {% else %}
+        {% set showPrevious = false %}
+      {% endif %}
+
+      {% if tag.pageNumber != tag.totalPages %}
+        {% set showNext = true %}
+      {% else %}
+        {% set showNext = false %}
+      {% endif %}
+    {% else %}
+      {% if pagination.href.previous %}
+        {% set showPrevious = true %}
+      {% else %}
+        {% set showPrevious = false %}
+      {% endif %}
+
+      {% if pagination.href.next %}
+        {% set showNext = true %}
+      {% else %}
+        {% set showNext = false %}
+      {% endif %}
+    {% endif %}
+
+    <li class="previous">{% if showPrevious %}<a href="{{ pagination.href.previous }}">Previous</a>{% else %}Previous{% endif %}</li>
+    <li>
+
+      <ol class="pages">
+
+        {# loop through pages to retrieve index of "current" page, save its value as currentPageIndex so we can reference it later #}
+        {% set currentPageIndex = '' %}
+
+        {# if tag is set, we're in a tag page #}
+        {% if tag %}
+
+          {# tags are easy, we know the current page index already #}
+          {% set currentPageIndex = tag.pageNumber %}
+          {% set totalPages = tag.totalPages %}
+
+        {% else %}
+          {# otherwise, we need to loop through all pages to find the current page #}
+          {% for i in pagination.pages %}
+            {# if the current page URL matches the URL of the current loop item #}
+            {% if page.url == pagination.hrefs[ loop.index0 ] %}
+              {# Set the currentPageIndex to the index of the current loop item so that we can anticipate it and highlight it later #}
+              {% set currentPageIndex = loop.index0 %}
+            {% endif %}
+          {% endfor %}
+
+          {% set totalPages = pagination.hrefs.length %}
+
+        {% endif %}
+
+        {% for pageOfEntries in pagination.pages %}
+          {# Number of pages to highlight on either side of the current page #}
+          {% set highlightedRange = 3 %}
+
+          {# if the current looped item is the page we're looking at #}
+          {% if currentPageIndex == loop.index0 %}
+            {% set currentPage = true %}
+          {% else %}
+            {% set currentPage = false %}
+          {% endif %}
+
+          {# if the current looped item is within the highlighted range, or is the current page #}
+          {% if loop.index0 <= currentPageIndex + highlightedRange and loop.index0 >= currentPageIndex - highlightedRange %}
+            {% set highlighted = true %}
+          {% else %}
+            {% set highlighted = false %}
+          {% endif %}
+
+          {% if tag %}
+            {% if loop.index <= 1 %}
+              {% set url = '/blog/' + tag.slug + '/' %}
+            {% else %}
+              {% set url = '/blog/' + tag.slug + '/page/' + loop.index + '/' %}
+            {% endif %}
+          {% else %}
+            {% set url = pagination.hrefs[ loop.index0 ] %}
+          {% endif %}
+
+          {% set show = false %}
+
+          {% if loop.index0 <= totalPages %}
+            {% set show = true %}
+          {% endif %}
+
+          {% if show %}
+            {# finally print some HTML #}
+            <li  class="{% if currentPage %}current-page{% endif %} {% if highlighted == true %}highlighted{% endif %}"><a href="{{ url }}"{% if page.url == url %} aria-current="page"{% endif %}><span class="sr-only">Page </span>{{ loop.index }}</a></li>
+          {% endif %}
+        {% endfor %}
+      </ol>
+
+    </li>
+    <li class="next">{% if showNext %}<a href="{{ pagination.href.next }}">Next</a>{% else %}Next{% endif %}</li>
+  </ul>
+</nav>
diff --git a/src/config/collections.js b/src/config/collections.js
index cf4a839..e84cbcf 100644
--- a/src/config/collections.js
+++ b/src/config/collections.js
@@ -2,16 +2,50 @@
  * Add Eleventy collections here
  * https://www.11ty.dev/docs/collections/
 */
+let _ = require("lodash");
 
 module.exports = {
-  // /**
-  // * Blog posts
-  // */
-  // posts: function (eleventyConfig) {
-  // eleventyConfig.addCollection("posts", function(collectionApi) {
-  //    return collectionApi.getFilteredByGlob("src/content/posts/*.md");
-  //  });
-  // },
+  /**
+  * Blog posts
+  */
+  posts: function (eleventyConfig) {
+  eleventyConfig.addCollection("posts", function(collectionApi) {
+     return collectionApi.getFilteredByGlob("src/content/posts/*.md");
+   });
+  },
+
+
+  /**
+   * Blog posts, paginated and by tag
+   */
+  postsByTag: function (eleventyConfig) {
+    eleventyConfig.addCollection("postsByTag", function(collection) {
+
+      // Get unique list of all tags currently in use
+      const tagSet = new Set(collection.getAllSorted().flatMap((post) => post.data.tags || []));
+
+      // Get each item that matches the tag and add it to the tag's array, chunked by paginationSize
+      let paginationSize = 2;
+      let tagMap = [];
+      let tagArray = [...tagSet];
+      for(let tagName of tagArray) {
+
+        let tagItems = collection.getFilteredByTag(tagName).reverse();
+        let pagedItems = _.chunk(tagItems, paginationSize);
+        for( let pageNumber = 0, max = pagedItems.length; pageNumber < max; pageNumber++) {
+          tagMap.push({
+            slug: tagName,
+            totalPages: (max - 1),
+            pageNumber: pageNumber,
+            posts: pagedItems[pageNumber]
+          });
+        }
+      }
+
+      // Return a two-dimensional array of items, chunked by paginationSize
+      return tagMap;
+    });
+  },
 
 
   /**
diff --git a/src/content/blog-tags.njk b/src/content/blog-tags.njk
new file mode 100644
index 0000000..9f9413e
--- /dev/null
+++ b/src/content/blog-tags.njk
@@ -0,0 +1,17 @@
+---
+layout: base.njk
+permalink: /blog/{{ tag.slug | slugify }}/{% if tag.pageNumber > 0 %}/page/{{ tag.pageNumber + 1 }}{% endif %}/index.html
+pagination:
+  data: collections.postsByTag
+  size: 1
+  alias: tag
+  addAllPagesToCollections: true
+eleventyComputed:
+  title: Blog entries with tag &quot;{{ tag.slug }}&quot; {% if tag.pageNumber > 0 %}, (Page {{ tag.pageNumber + 1 }}) {% endif %}
+---
+<section class="blog blog-tag blog-tag-{{ tag.slug }}">
+  {% for post in tag.posts %}
+    {% include "partials/blog-item.njk" %}
+  {% endfor %}
+  {% include "partials/pagination.njk" %}
+</section>
diff --git a/src/content/blog.njk b/src/content/blog.njk
new file mode 100644
index 0000000..97b0c16
--- /dev/null
+++ b/src/content/blog.njk
@@ -0,0 +1,17 @@
+---
+layout: base.njk
+permalink: /blog/{% if pagination.pageNumber > 0 %}/page/{{ pagination.pageNumber + 1 }}{% endif %}/index.html
+pagination:
+  data: collections.posts
+  size: 10
+  alias: posts
+  reverse: true
+eleventyComputed:
+  title: Blog {% if pagination.pageNumber > 0 %}(Page {{ pagination.pageNumber + 1 }}) {% endif %}
+---
+<section class="blog">
+  {% for post in posts %}
+    {% include "partials/blog-item.njk" %}
+  {% endfor %}
+  {% include "partials/pagination.njk" %}
+</section>
diff --git a/src/content/posts/color-blue.md b/src/content/posts/color-blue.md
new file mode 100644
index 0000000..0b78721
--- /dev/null
+++ b/src/content/posts/color-blue.md
@@ -0,0 +1,6 @@
+---
+title: Blue
+tags:
+  - color
+---
+Tempor commodo occaecat minim laboris tempor. Eiusmod et ea aliquip irure deserunt veniam irure culpa commodo esse. Fugiat dolor mollit commodo fugiat dolor quis irure nulla magna minim. Consectetur culpa velit aliqua voluptate qui commodo labore elit. Consequat ullamco veniam officia enim laborum consectetur irure dolor ut. Elit eiusmod in ipsum tempor labore nulla amet nostrud id.
diff --git a/src/content/posts/color-burnt-sienna.md b/src/content/posts/color-burnt-sienna.md
new file mode 100644
index 0000000..c339d66
--- /dev/null
+++ b/src/content/posts/color-burnt-sienna.md
@@ -0,0 +1,6 @@
+---
+title: Burnt Sienna
+tags:
+  - color
+---
+Tempor commodo occaecat minim laboris tempor. Eiusmod et ea aliquip irure deserunt veniam irure culpa commodo esse. Fugiat dolor mollit commodo fugiat dolor quis irure nulla magna minim. Consectetur culpa velit aliqua voluptate qui commodo labore elit. Consequat ullamco veniam officia enim laborum consectetur irure dolor ut. Elit eiusmod in ipsum tempor labore nulla amet nostrud id.
diff --git a/src/content/posts/color-mute-puce.md b/src/content/posts/color-mute-puce.md
new file mode 100644
index 0000000..3cee898
--- /dev/null
+++ b/src/content/posts/color-mute-puce.md
@@ -0,0 +1,6 @@
+---
+title: Mute Puce
+tags:
+  - color
+---
+Tempor commodo occaecat minim laboris tempor. Eiusmod et ea aliquip irure deserunt veniam irure culpa commodo esse. Fugiat dolor mollit commodo fugiat dolor quis irure nulla magna minim. Consectetur culpa velit aliqua voluptate qui commodo labore elit. Consequat ullamco veniam officia enim laborum consectetur irure dolor ut. Elit eiusmod in ipsum tempor labore nulla amet nostrud id.
diff --git a/src/content/posts/color-purple.md b/src/content/posts/color-purple.md
new file mode 100644
index 0000000..f075e9f
--- /dev/null
+++ b/src/content/posts/color-purple.md
@@ -0,0 +1,6 @@
+---
+title: Purple
+tags:
+  - color
+---
+Tempor commodo occaecat minim laboris tempor. Eiusmod et ea aliquip irure deserunt veniam irure culpa commodo esse. Fugiat dolor mollit commodo fugiat dolor quis irure nulla magna minim. Consectetur culpa velit aliqua voluptate qui commodo labore elit. Consequat ullamco veniam officia enim laborum consectetur irure dolor ut. Elit eiusmod in ipsum tempor labore nulla amet nostrud id.
diff --git a/src/content/posts/color-red.md b/src/content/posts/color-red.md
new file mode 100644
index 0000000..273eeb3
--- /dev/null
+++ b/src/content/posts/color-red.md
@@ -0,0 +1,6 @@
+---
+title: Red
+tags:
+  - color
+---
+Tempor commodo occaecat minim laboris tempor. Eiusmod et ea aliquip irure deserunt veniam irure culpa commodo esse. Fugiat dolor mollit commodo fugiat dolor quis irure nulla magna minim. Consectetur culpa velit aliqua voluptate qui commodo labore elit. Consequat ullamco veniam officia enim laborum consectetur irure dolor ut. Elit eiusmod in ipsum tempor labore nulla amet nostrud id.
diff --git a/src/content/posts/recipe-boiled-water.md b/src/content/posts/recipe-boiled-water.md
new file mode 100644
index 0000000..ab91c65
--- /dev/null
+++ b/src/content/posts/recipe-boiled-water.md
@@ -0,0 +1,6 @@
+---
+title: Boiled Water
+tags:
+  - recipe
+---
+Tempor commodo occaecat minim laboris tempor. Eiusmod et ea aliquip irure deserunt veniam irure culpa commodo esse. Fugiat dolor mollit commodo fugiat dolor quis irure nulla magna minim. Consectetur culpa velit aliqua voluptate qui commodo labore elit. Consequat ullamco veniam officia enim laborum consectetur irure dolor ut. Elit eiusmod in ipsum tempor labore nulla amet nostrud id.
diff --git a/src/content/posts/recipe-coca-cola-secret.md b/src/content/posts/recipe-coca-cola-secret.md
new file mode 100644
index 0000000..91d97cf
--- /dev/null
+++ b/src/content/posts/recipe-coca-cola-secret.md
@@ -0,0 +1,6 @@
+---
+title: Coca Cola (Secret)
+tags:
+  - recipe
+---
+Tempor commodo occaecat minim laboris tempor. Eiusmod et ea aliquip irure deserunt veniam irure culpa commodo esse. Fugiat dolor mollit commodo fugiat dolor quis irure nulla magna minim. Consectetur culpa velit aliqua voluptate qui commodo labore elit. Consequat ullamco veniam officia enim laborum consectetur irure dolor ut. Elit eiusmod in ipsum tempor labore nulla amet nostrud id.
diff --git a/src/content/posts/recipe-color-red-velvet-cake.md b/src/content/posts/recipe-color-red-velvet-cake.md
new file mode 100644
index 0000000..ca770e8
--- /dev/null
+++ b/src/content/posts/recipe-color-red-velvet-cake.md
@@ -0,0 +1,7 @@
+---
+title: Red Velvet Cake
+tags:
+  - recipe
+  - color
+---
+Tempor commodo occaecat minim laboris tempor. Eiusmod et ea aliquip irure deserunt veniam irure culpa commodo esse. Fugiat dolor mollit commodo fugiat dolor quis irure nulla magna minim. Consectetur culpa velit aliqua voluptate qui commodo labore elit. Consequat ullamco veniam officia enim laborum consectetur irure dolor ut. Elit eiusmod in ipsum tempor labore nulla amet nostrud id.
diff --git a/src/content/posts/recipe-pan-galactic-gargleblaster.md b/src/content/posts/recipe-pan-galactic-gargleblaster.md
new file mode 100644
index 0000000..629e721
--- /dev/null
+++ b/src/content/posts/recipe-pan-galactic-gargleblaster.md
@@ -0,0 +1,6 @@
+---
+title: Pan Galactic Gargleblaster
+tags:
+  - recipe
+---
+Tempor commodo occaecat minim laboris tempor. Eiusmod et ea aliquip irure deserunt veniam irure culpa commodo esse. Fugiat dolor mollit commodo fugiat dolor quis irure nulla magna minim. Consectetur culpa velit aliqua voluptate qui commodo labore elit. Consequat ullamco veniam officia enim laborum consectetur irure dolor ut. Elit eiusmod in ipsum tempor labore nulla amet nostrud id.
diff --git a/src/content/posts/recipe-peanut-butter-sandwitch.md b/src/content/posts/recipe-peanut-butter-sandwitch.md
new file mode 100644
index 0000000..c29078c
--- /dev/null
+++ b/src/content/posts/recipe-peanut-butter-sandwitch.md
@@ -0,0 +1,6 @@
+---
+title: Peanut Butter Sandwich
+tags:
+  - recipe
+---
+Tempor commodo occaecat minim laboris tempor. Eiusmod et ea aliquip irure deserunt veniam irure culpa commodo esse. Fugiat dolor mollit commodo fugiat dolor quis irure nulla magna minim. Consectetur culpa velit aliqua voluptate qui commodo labore elit. Consequat ullamco veniam officia enim laborum consectetur irure dolor ut. Elit eiusmod in ipsum tempor labore nulla amet nostrud id.
diff --git a/src/content/posts/recipe-the-blood-of-your-enemies.md b/src/content/posts/recipe-the-blood-of-your-enemies.md
new file mode 100644
index 0000000..002fd6f
--- /dev/null
+++ b/src/content/posts/recipe-the-blood-of-your-enemies.md
@@ -0,0 +1,7 @@
+---
+title: The Blood of Your Enemies
+tags:
+  - recipe
+  - color
+---
+Tempor commodo occaecat minim laboris tempor. Eiusmod et ea aliquip irure deserunt veniam irure culpa commodo esse. Fugiat dolor mollit commodo fugiat dolor quis irure nulla magna minim. Consectetur culpa velit aliqua voluptate qui commodo labore elit. Consequat ullamco veniam officia enim laborum consectetur irure dolor ut. Elit eiusmod in ipsum tempor labore nulla amet nostrud id.
diff --git a/src/data/navigation.json b/src/data/navigation.json
index ae5f9c9..9022b43 100644
--- a/src/data/navigation.json
+++ b/src/data/navigation.json
@@ -9,6 +9,11 @@
       "text": "Contact",
       "url": "/contact/",
       "external": false
+    },
+    {
+      "text": "Blog",
+      "url": "/blog/",
+      "external": false
     }
   ]
 }