Update URLs

.gitignore

@@ -1,8 +1,4 @@
-# Project dependencies
-# https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git
 node_modules
 .cache/
-# Build directory
 public/
 .DS_Store
-yarn-error.log

gatsby-config.js

@@ -8,6 +8,7 @@ module.exports = {
     author: "Adam Jahnke",
   },
   plugins: [
+    { resolve: "gatsby-plugin-typescript" },
     { resolve: "@rhysforyou/gatsby-plugin-react-helmet-async" },
     { resolve: "gatsby-plugin-styled-jsx" },
     {

gatsby-node.js

@@ -27,32 +27,32 @@ exports.createPages = ({ actions, graphql }) => {
           }
         }
       }
+
+      tags: allMarkdownRemark {
+        group(field: frontmatter___tags) {
+          fieldValue
+          totalCount
+        }
+      }
     }
   `).then(({ errors, data }) => {
     if (errors) {
       return Promise.reject(errors)
     }
 
-    // Generate tag index pages
-    data.pages.edges
-      // Loop through all the posts and gather unique tags
-      .reduce((a, { node: { frontmatter: { tags } } }) => {
-        if (!tags) {
-          return a
-        }
-        for (const tag of tags) {
-          a.add(tag)
-        }
-        return a
-      }, new Set())
-      // Create an index for each tag
-      .forEach(tag => {
-        createPage({
-          path: `/tags/${tag}`,
-          component: path.resolve(`src/templates/tag.js`),
-          context: { tag },
-        })
-      })
+    // Create an index page for each individual tag
+    data.tags.group.forEach(({ fieldValue: tag }) => {
+      createPage({
+        path: `/tags/${tag}`,
+        component: path.resolve(`src/templates/tag.tsx`),
+        context: { tag }
+      });
+    });
+    createPage({
+      path: `/tags`,
+      component: path.resolve(`src/templates/tags.tsx`),
+      context: { tags: data.tags.group }
+    });
 
     // Generate all pages
     data.pages.edges.forEach(
@@ -66,7 +66,7 @@ exports.createPages = ({ actions, graphql }) => {
         createPage({
           path: formatPath(fileAbsolutePath),
           component: path.resolve(
-            `src/templates/${String(templateKey || "page")}.js`,
+            `src/templates/${String(templateKey || "page")}.tsx`,
           ),
           context: { id }, // additional data can be passed via context
         })

package.json

@@ -13,6 +13,7 @@
     "gatsby-plugin-remove-serviceworker": "^1.0.0",
     "gatsby-plugin-sharp": "^2.2.29",
     "gatsby-plugin-styled-jsx": "^3.1.10",
+    "gatsby-plugin-typescript": "^2.1.15",
     "gatsby-remark-images": "^3.1.26",
     "gatsby-remark-prismjs": "^3.3.18",
     "gatsby-source-filesystem": "^2.1.31",