Build a blazing fast website with GatsbyJS and Contentful



In this tutorial, you will learn to take a simple getting started GatsbyJS example and transform it into a Contentful powered website.

💻Code: https://github.com/Khaledgarbaya/gatsby-contentful-site

What is Gatsbyjs?

Gatsby.js builds the fastest possible website. Instead of waiting to generate pages when requested, pre-build pages and lift them into a global cloud of servers—ready to be delivered instantly to your users wherever they are.

What is Contentful?

Contentful provides a content infrastructure for digital teams to power content in websites, apps, and devices. Unlike a CMS, Contentful was built to integrate with the modern software stack. It offers a central hub for structured content, powerful management and delivery APIs, and a customizable web app that enable developers and content creators to ship digital products faster.

🔗View more great tutorials from Khaled: https://www.youtube.com/channel/UC_XsS8kgD9Y64ZOug4YKhpw

🐦Khaled on Twitter: https://twitter.com/khaled_garbaya

🔗Check out https://howtocontentful.com to learn more about Contentful

Learn to code for free and get a developer job: https://www.freecodecamp.com

Read hundreds of articles on programming: https://medium.freecodecamp.com

And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

source

This Post Has 16 Comments

  1. Roy Honders

    Does anyone have a good resource as to why this JS framework would be useful?

  2. Emmanuel

    I'm in love with the freecodecamp community

  3. Eric William

    We don't have to "git init" the folder at the beginning?

  4. Al Wikah

    Hi, tks for this great
    The part of setting "Contentfull is missing (Creating "content type" and adding examples of content)
    it would be useful to have the same data sets as you to properly follow this tutorial (especially for a beginner like me)

  5. Al Wikah

    …error
    result.data.allContentfulBlog vs result.data.allContentfulContentType…
    when I type localhost:8000/___grapql, I get : allContentfulContentType not allContentFulBlog ?!?

  6. ZERO

    Thanks for spending time on showing the deployment process! Doing god's work here.

  7. Temidayo Onifade

    I get a syntax error when I add '' to graphql(' ') on line 8 and 100 and "Types can only be used in a .ts file" on line 10 where there is allContentfulBlog (limit:100).

  8. Malik Bagwala

    The tutorial was fantastic..but blurring the screen was pointless. It was a badly edited and i could read the data every single time..just my 2 cents

Leave a Reply