Basic config and layout for fetching, showing wp data with graphql

src/pages/404.js

@@ -0,0 +1,10 @@
+import React from 'react'
+
+const NotFoundPage = () => (
+  <div>
+    <h1>NOT FOUND</h1>
+    <p>You just hit a route that doesn&#39;t exist... the sadness.</p>
+  </div>
+)
+
+export default NotFoundPage

src/pages/index.js

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

src/pages/page.js

@@ -0,0 +1,24 @@
+import React, { Component } from 'react';
+
+class Page extends Component {
+  render() {
+    const { data } = this.props
+    return (
+      <div>
+        <h1>Specific Page - {data.wordpressPage.title}</h1>
+      </div>
+    );
+  }
+}
+
+export const query = graphql`
+  query PageQuery {
+    wordpressPage(slug: {eq: "about"}) {
+      title
+      slug
+      content
+    }
+  }
+`
+
+export default Page;