Skip to main content

Carolyn Stransky

Journalist and JavaScript developer based in Berlin, Germany.

2 min read · April 5th 2018 (originally published at Contentful Blog)

Gatsby video tutorials a four part video series on Gatsby and Contentful by Khaled Garbaya

This blog post was originally posted on the Contentful Blog

Contentful developer and Gatsby contributor Khaled Garbaya has released a 4-part video series to help you build a “blazing fast” website with Gatsby and Contentful. The series begins by transforming the Gatsby’s getting started example to a Contentful-powered site. From there, each video walks you through a new aspect of production, from automating deployment with CircleCI to integrating the Contentful webhooks feature.

-“I wanted these videos to act as documentation,” says Khaled. -“There were a lot of people asking around about how to do this. And I think it’s important to show not only how to do this thing with Gatsby or how to do that with Contentful, but from start to finish how you can actually deploy, use webhooks, and so on. These are hidden gems that not everyone will look for.”

Those hidden gems Khaled is talking about are part of what he believes makes Gatsby and Contentful a compelling combination. Additionally, there are structural aspects of both platforms that add to this: -“Gatsby works with React and React is component-based. And you can also think of Contentful in this way, if you think of your content as components” he explains. -“So that’s made a really perfect match because you can have this component that renders a specific content type and then this can be shared across your website.”

Another unique distinction is the complementary ways Contentful and Gatsby process data. -“Contentful has the sync endpoint, so this can actually improve the ability to process a lot,” Khaled says. -“Because the first time, you get all of the data. The next time, you only get the entries that changed so it takes less time to parse the JSON and so on. Also Gatsby is good because all of the data you have from Contentful would be in a GraphQL schema, so you can query your data that way.”

Ready to dive in? All four parts of Khaled’s video series are now available on YouTube. You can also find the source code on GitHub.

Additionally, for a great Contentful + Gatsby blog starter, you can clone the gatsby-contentful-starter repo and be up and running in no time.

Tagged with contentful

Enjoyed this post? Receive the next one in your inbox!