illustration for Build a Developer Blog with Gatsby

Build a Developer Blog with Gatsby

Instructor

Laurie Barth
35m closed-captioning
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
5.0
77
people completed
Bookmark
Download
RSS

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.

🌱 The most up-to-date Gatsby course out there

Staff reviewed: 2 months ago

The tools introduced in this course improve developer experience and teach you the best practices for building a Gatsby site.

Credits

Maxime Bourgeois (illustration)

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 Reflect Upon:

  • 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

  • Ola
    2 weeks 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! ✊

  • Gerardo Palazuelos
    3 weeks ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Laurie really showed us how to use this Gatsby thing to create something.

  • Md. Anam Hossain
    a month ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    This course is really worth watching. I will definitely build my blog with Gatsby. Appreciate it.

  • Kyle Gill
    2 months ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    I've referred to these videos working on my own blog, and all the content is up to date and concise. Saved me tons of time adding some of the more polished features like social sharing images, would recommend!

Course Content

35m • 12 lessons

    You might also like these resources:

    illustration for Build a Video Chat App with Twilio and Gatsby

    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

    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

    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.