Factor out getBlogPostUrl

gatsby-config.js

@@ -1,3 +1,5 @@
+const {getBlogPostUrl} = require('./src/utils');
+
 module.exports = {
   siteMetadata: {
     title: 'Ian Obermiller',
@@ -27,11 +29,7 @@ module.exports = {
                 return Object.assign({}, edge.node.frontmatter, {
                   description: edge.node.frontmatter.title,
                   date: edge.node.frontmatter.date,
-                  url:
-                    site.siteMetadata.siteUrl +
-                    edge.node.fileAbsolutePath
-                      .replace(/.*\/blog\//, '/blog/')
-                      .replace('.mdx', ''),
+                  url: site.siteMetadata.siteUrl + getBlogPostUrl(edge.node),
                 });
               });
             },

src/pages/blog/index.tsx

@@ -6,6 +6,7 @@ import React, {ReactElement} from 'react';
 import DateText from '../../templates/DateText';
 import Layout from '../../templates/Layout';
 import {max as maxDate, differenceInYears, min as minDate} from 'date-fns';
+import {getBlogPostUrl} from '../../utils';
 
 // Please note that you can use https://github.com/dotansimha/graphql-code-generator
 // to generate all types from graphQL schema
@@ -42,9 +43,7 @@ export default function BlogIndex({data}: Props): ReactElement {
 
     return {
       id: node.id,
-      url: node.fileAbsolutePath
-        .replace(/.*\/blog\//, '/blog/')
-        .replace('.mdx', ''),
+      url: getBlogPostUrl(node),
       title: node.frontmatter.title,
       date,
       dateString,

src/utils.js

@@ -0,0 +1,9 @@
+function getBlogPostUrl(node) {
+  return node.fileAbsolutePath
+    .replace(/.*\/blog\//, '/blog/')
+    .replace('.mdx', '');
+}
+
+module.exports = {
+  getBlogPostUrl,
+};