From 5eb158ea28194b35b554dac31f5691acf610cb01 Mon Sep 17 00:00:00 2001
From: Moris Zen <moris.pasic@gmail.com>
Date: Thu, 5 Jul 2018 20:43:56 +0200
Subject: [PATCH] Creating Blog Page for listing

---
 gatsby-node.js        |  7 ++++++-
 src/pages/blog.js     |  9 ---------
 src/templates/blog.js | 26 ++++++++++++++++++++++++++
 3 files changed, 32 insertions(+), 10 deletions(-)
 delete mode 100644 src/pages/blog.js
 create mode 100644 src/templates/blog.js

diff --git a/gatsby-node.js b/gatsby-node.js
index 12faef0..8c1300b 100644
--- a/gatsby-node.js
+++ b/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,
-          }
+          },
         })
       })
 
diff --git a/src/pages/blog.js b/src/pages/blog.js
deleted file mode 100644
index 66a487d..0000000
--- a/src/pages/blog.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import React from 'react'
-
-const BlogPage = () => (
-  <div>
-    <h1>Blog page</h1>
-  </div>
-)
-
-export default BlogPage
diff --git a/src/templates/blog.js b/src/templates/blog.js
new file mode 100644
index 0000000..887bc6b
--- /dev/null
+++ b/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