<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: David Riches</title>
    <description>The latest articles on Forem by David Riches (@imshuffling_31).</description>
    <link>https://forem.com/imshuffling_31</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F54032%2Fddd662b5-2828-4be8-8858-ef81a37e9a48.jpeg</url>
      <title>Forem: David Riches</title>
      <link>https://forem.com/imshuffling_31</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/imshuffling_31"/>
    <language>en</language>
    <item>
      <title>Contentful certification exam review</title>
      <dc:creator>David Riches</dc:creator>
      <pubDate>Thu, 13 Feb 2020 13:23:49 +0000</pubDate>
      <link>https://forem.com/imshuffling_31/contentful-certification-exam-review-2lcc</link>
      <guid>https://forem.com/imshuffling_31/contentful-certification-exam-review-2lcc</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--6Uq4hdPy--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/htu398k9amjqy48m60ku.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--6Uq4hdPy--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/htu398k9amjqy48m60ku.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I recently undertook the the Contentful certification exam (managed to pass on my second attempt 😂).&lt;/p&gt;

&lt;p&gt;The exam is multiple choice and really does test your knowledge of Contentful.&lt;/p&gt;

&lt;p&gt;If you're interested in taking the exam read through the "Contentful certification study guide" watch all the videos and the slides... &lt;/p&gt;

&lt;p&gt;I found after my first attempt that I needed to brush up on my knowledge of the different API's and SDK's.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://public.learningcenter.contentful.com/catalog"&gt;https://public.learningcenter.contentful.com/catalog&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The exam costs $250.&lt;/p&gt;

</description>
      <category>contentful</category>
    </item>
    <item>
      <title>Deploying your Gatsby.js site to Netlify.</title>
      <dc:creator>David Riches</dc:creator>
      <pubDate>Tue, 05 Feb 2019 11:06:39 +0000</pubDate>
      <link>https://forem.com/imshuffling_31/deploying-your-gatsbyjs-site-to-netlify-4la</link>
      <guid>https://forem.com/imshuffling_31/deploying-your-gatsbyjs-site-to-netlify-4la</guid>
      <description>&lt;p&gt;I've built a few sites now using Gatsby.js, the fantastic static site generator tool based on React. When I first started out I hosted my sites on Github pages, which sometimes became tedious, I think i lost hours trying to make sure the &lt;code&gt;pathPrefix&lt;/code&gt; was correct.&lt;/p&gt;

&lt;p&gt;I eventually came across Netlify, a cloud based hosting provider and much more.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fj1q78j5brpzm1pwcx60s.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fj1q78j5brpzm1pwcx60s.png" alt="Screenshot of Netlify homepage"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;What i found remarkable was their free tier hosting which provides everything I needed.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fp6n00ti9piy9m98jz420.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fp6n00ti9piy9m98jz420.png" alt="Screenshot of Netlify pricing plans"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;So this guide is a top level look at hosting a personal portfolio site on Github/Netlify. &lt;/p&gt;

&lt;p&gt;First things first, make sure you have your Gatsby.js project on Github. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fkprdzjm40lp60wp2eivx.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fkprdzjm40lp60wp2eivx.png" alt="Netlify screenshot for github"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I've chosen Github here.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fk6cex2ft8das96q56ujl.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fk6cex2ft8das96q56ujl.png" alt="Select repo"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Select which repository you would like Netlify to host, I've created a Gatsby demo here called &lt;code&gt;davids-gatsby-site&lt;/code&gt; from the Gatsby starter kit.&lt;/p&gt;

&lt;p&gt;Now Netlify should automatically detect our site is Gatsby.js and pre-populate the Basic built settings. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fgh9ax204r2prn7b6e6uc.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fgh9ax204r2prn7b6e6uc.png" alt="Netlify build settings"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Pro tip: If we wanted to we can create a &lt;code&gt;netlify.toml&lt;/code&gt; file, we won't dive into this today but one of the advantages of this are we can keep this in code. &lt;/p&gt;

&lt;p&gt;Click Deploy.&lt;/p&gt;

&lt;p&gt;Deployment will run in the background, then after a few mins it should be done.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fcsr5wsz0m1fnx51hsmaj.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fcsr5wsz0m1fnx51hsmaj.png" alt="Netlify deployment"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;There you have it, &lt;a href="https://confident-tereshkova-9e3bab.netlify.com/" rel="noopener noreferrer"&gt;here&lt;/a&gt; you've deployed the site Gatsby.js site to Netlify.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Flbffbbd9nuuxuklycz79.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Flbffbbd9nuuxuklycz79.png" alt="Netlify done"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>gatsby</category>
      <category>netlify</category>
    </item>
  </channel>
</rss>
