illustration for Build a Blog with React and Markdown using Gatsby
free

Build a Blog with React and Markdown using Gatsby

Instructor

Taylor Bell
31m closed-captioning
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
4.0
2587
people completed
Published 4 years ago
|
Updated 8 months ago

A large part of a software developer’s time is spent searching the internet for answers to a never-ending stream of questions. Often, the answers we find are on blogs written by people who’ve been there, and found a solution. Isn’t it time you paid it forward?

Gatsby.js is a static site generator for React with a plugin ecosystem that makes it super easy to publish.

In this course, you’ll build a Gatsby site that transforms Markdown documents from your local filesystem into HTML. From there, you’ll use GraphQL to query posts for displaying on an index page, link between posts, and group posts by tags. After your site has been compiled, you’ll see how to deploy it via Github Pages.

Community Notes for this workshop can be found here.

Free Community Resource

A Community Resource means that it’s free to access for all. The instructor of this lesson requested it to be open to the public.

Learner Reviews

  • Elle
    11 months ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What would make this course a 7 for you?

    VERY helpful course. Tried a few other approaches I found out there to get a blog functionality within Gatsby without ending up being forced to use some kind of external CMS. All of them did not work any longer from some point of coding along on, so I ended up finding this course here which worked perfectly. I did it two times, first time to find out if it's even fully working (see above) and second time to keep lessons as single commits to my repo, so I can always look back into what happened when. Also, the course was the perfect mix in explaining enough to get things running and not taking too long to watch. Great work!

  • Luis Garcia
    11 months ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What would make this course a 7 for you?

    The pace is too fast but I really enjoyed the content!

  • John Vaughan
    a year ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Super wonderful this is great!!

  • Luis Fernando Ushiña
    a year ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    The best course and extremely easy to follow!

  • George
    a year ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    I first watched this without even knowing what gatsby was. So i went to the gatsby docs and went through the tutorial. In part 5 of the tutorial they essentially discuss the topic of this course. The difference? This course delivered. I also liked how you used the Documentation Explorer to build your query because i didn't even know you could do that! Great course because of this course it has inspired me to dig further. Thank you very much Tayor!

  • Erin Doyle
    a year ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    This was a really smooth and right to the point course. I feel like this with this course alone I can now rocket launch right away into getting a blog set up with Gatsby.

Course Content

31m • 13 lessons

    You might also like these resources:

    illustration for Build a Developer Blog with Gatsby
    Laurie Barth・35m・Course

    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.

    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.