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
·
13 lessons
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
4.0
2587
people completed
Published 6 years ago
|
Updated 10 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

  • 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!

    Elle
    2 years 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!

    Luis Garcia
    2 years ago
  • Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Super wonderful this is great!!

    John Vaughan
    3 years 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!

    Luis Fernando Ushiña
    3 years 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!

    George
    3 years 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.

    Erin Doyle
    3 years ago

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.