illustration for Build a Developer Blog with Gatsby

Build a Developer Blog with Gatsby


Laurie Barth
35m closed-captioning
12 lessons
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
people completed
Published 3 years ago
Updated a year 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?

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.