astrotim

import React from 'react';
import { createClient } from 'contentful';

class Post extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      data: null
    };

astrotim

   render() {
-    console.log(this.state.data);
-    return <p>Post</p>;
+    if (!this.state.data) return null;
+
+    return (
+      <React.Fragment>
+        <h1>{this.state.data.title}</h1>
+        {this.state.data.content}
+      </React.Fragment>

astrotim

 import React from 'react';
 import { createClient } from 'contentful';
+import Helmet from 'react-helmet';

     return (
       <React.Fragment>
+        <Helmet title={this.state.data.title} />
         <h1>{this.state.data.title}</h1>
         {this.state.data.content}
       </React.Fragment>

astrotim

-import React from 'react';
+import React, { createElement } from 'react';
 import { createClient } from 'contentful';
 import Helmet from 'react-helmet';
+import marksy from 'marksy';
+
+// Markdown helper function
+const getMarkup = field => {
+  if (!field) return null;
+  const compile = marksy({