illustration for Build a Developer Blog with Gatsby
pro

Build a Developer Blog with Gatsby

Instructor

Laurie Barth
35m closed-captioning
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
4.4
120
people completed
Published 9 months ago
|
Updated 7 months ago

Gatsby is a React-based, GraphQL powered static site generator. It combines together the best parts of React, Webpack, react-router, GraphQL, and other front-end tools to provide an excellent developer experience.

This course takes you from initializing a Gatsby site via CLI to utilizing the Gatsby Ecosystem to source MDX files from your system. After tackling the file system you'll optimize for SEO as well as additional styles through ThemeUI that will support features like syntax highlighting in code snippets. Finally, you'll learn how to performantly process and render images.

By the end of the course, you'll have a fully functioning developer blog that will serve as a base for larger production-grade applications.

What you'll learn:

  • Install Gatsby and the Gatsby CLI
  • Programmatically create pages from your GraphQL data
  • Use GraphiQL to make queries based on source plugins
  • Create a blog post listing page with links to every post
  • Source and transform images
  • Make the site SEO-friendly

Questions to Think About:

  • How can I reduce the friction of publishing content?
  • What are the best practices for optimizing your website?
  • Why is it important to have a blog as a developer?

Learner Reviews

  • Gabi Jack
    a week ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Very concise and to the point. I only wish it provided some examples for a blog post with more than one image and also included some information on options for deploying the site to production.

  • Daniel Lopez
    a month ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Covering the SEO customization (both at the beginning and end with the image seo) was a unique addition that I really appreciated. Thank you :)

  • Anandakumar Palanisamy
    2 months ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    It was great! Thanks for a straight to the point lessons.

  • Yariv
    3 months ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Awesome intro to Gatsby! Thanks a million :)

  • Learner
    3 months ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Simple and clean. Learned a lot of new concepts (graphology, gatsby itself etc)

    And of course I built my first blog site :)

  • Ola
    6 months ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Well, I built a new blog for 🏴‍☠️ my piratical daughter Lillian (6 🦄 ) to publish her drawings. https://olavea.gtsb.io/

    And another thing, tell Captain Joel Hook I loved that Badass book by, Kathy Sierra, especially chapter 5 Perceptual Exposure.

    Hope you guys enjoyed your Easter Holidays 😺

    I coded on this course every day 😺

    Go Laurie! ✊

Course Content

35m • 12 lessons

    You might also like these resources:

    illustration for Build a Video Chat App with Twilio and Gatsby
    Jason Lengstorf・52m・Course

    In this workshop, Jason Lengstorf will take you from an empty project folder all the way through deployment of a Twilio-powered video chat app built on Gatsby.

    illustration for Eject create-react-app and Use Gatsby for Advanced React App Development
    Khaled Garbaya・43m・Course

    Create-React-App is a great tool for getting started with React, but at some point you may find yourself needing something more.

    illustration for Building a Serverless JAMStack Todo app with Netlify, Gatsby, GraphQL, and FaunaDB
    Chris Biscardi・51m・Course

    This application serves as an introduction to building products with a JAMStack and Serverless approach.