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.1
170
people completed
Published 2 years ago
|
Updated 2 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

  • Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    it is straight forward, but it is better to share at least a glimpse of explanation. like for example what SEO support for image will it show, is it show at google search result, for example

    Herwindo Artono
    4 months ago
  • Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    The course is good because it goes straight to the point. However, some gatsby concepts would be an excellent addition.

    Fabricio
    5 months ago
  • Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Very practice oriented. I kike it. Can understand how to extend gatsby with usefull packages.

    Peter Bone
    8 months ago
  • Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    why there is no intro or context for this course ? I felt all the courses are just assorted videos into a playlist. It would be much better if this course was made as a path oriented course. Felt i was just attending a course half way through.

    Prabhu Ram
    9 months ago
  • Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Concise, exactly what i was looking for.

    Sagi
    10 months 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.

    Gabi Jack
    a year ago

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.