Creating Blog Page for listing

gatsby-node.js

@@ -22,13 +22,18 @@ exports.createPages = ({ graphql, boundActionCreators }) => {
         reject(result.errors)
       }
 
+      createPage({
+        path: `/blog/`,
+        component: path.resolve('./src/templates/blog.js'),
+      })
+
       result.data.allWordpressPost.edges.forEach(({ node }) => {
         createPage({
           path: `blog/${node.slug}`,
           component: path.resolve('./src/templates/post-default.js'),
           context: {
             slug: node.slug,
-          }
+          },
         })
       })
 

src/pages/blog.js

@@ -1,9 +0,0 @@
-import React from 'react'
-
-const BlogPage = () => (
-  <div>
-    <h1>Blog page</h1>
-  </div>
-)
-
-export default BlogPage

src/templates/blog.js

@@ -0,0 +1,26 @@
+import React, { Component } from 'react'
+
+class Blog extends Component {
+  render() {
+    const { data } = this.props
+    return <div>Blog Page</div>
+  }
+}
+
+export const query = graphql`
+  query blogQuery {
+    allWordpressPost {
+      edges {
+        node {
+          id
+          title
+          excerpt
+          slug
+          date(formatString: "MMMM DD, YYYY")
+        }
+      }
+    }
+  }
+`
+
+export default Blog