diff --git a/.env.development b/.env.development
new file mode 100644
index 00000000..a150b12e
--- /dev/null
+++ b/.env.development
@@ -0,0 +1,2 @@
+CONTENTFUL_SPACE_ID=1oa4vozotg3n
+CONTENTFUL_ACCESS_TOKEN=-2GRCnKkkox_pSuLQcIg3-sQgBFOIRM8VnvEOtilwQ0
\ No newline at end of file
diff --git a/package.json b/package.json
index dd05afe0..e230dfd2 100644
--- a/package.json
+++ b/package.json
@@ -8,13 +8,13 @@
     "url": "https://github.com/contentful/starter-gatsby-blog/issues"
   },
   "dependencies": {
-    "gatsby": "^2.23.9",
-    "gatsby-image": "^2.4.8",
-    "gatsby-plugin-react-helmet": "^3.3.5",
-    "gatsby-plugin-sharp": "^2.6.43",
-    "gatsby-source-contentful": "^2.3.17",
-    "gatsby-transformer-remark": "^2.8.18",
-    "gatsby-transformer-sharp": "^2.5.6",
+    "gatsby": "^2.29.0",
+    "gatsby-image": "^2.8.0",
+    "gatsby-plugin-react-helmet": "^3.7.0",
+    "gatsby-plugin-sharp": "^2.11.1",
+    "gatsby-source-contentful": "^4.3.0",
+    "gatsby-transformer-remark": "^2.13.0",
+    "gatsby-transformer-sharp": "^2.9.0",
     "gh-pages": "^3.1.0",
     "lodash": "^4.17.15",
     "react": "^16.13.1",
diff --git a/src/components/article-preview.js b/src/components/article-preview.js
index 0283bd12..91b73df9 100644
--- a/src/components/article-preview.js
+++ b/src/components/article-preview.js
@@ -6,7 +6,7 @@ import styles from './article-preview.module.css'
 
 export default ({ article }) => (
   <div className={styles.preview}>
-    <Img alt="" fluid={article.heroImage.fluid} />
+    {article.heroImage.fluid && (<Img alt="" fluid={article.heroImage.fluid} />)}
     <h3 className={styles.previewTitle}>
       <Link to={`/blog/${article.slug}`}>{article.title}</Link>
     </h3>