Creating Blog Page for listing

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