Build a Blog with React and Markdown using Gatsby
Instructor
Taylor Bell
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.
⭐ Still Awesome
Staff reviewed: 4 years ago
This course is on ^2.0.0 and is slightly outdated but it is still awesome. To follow along please take a look at the course notes.
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
- Elle4 years agoWhat 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 Garcia4 years agoWhat would make this course a 7 for you?
The pace is too fast but I really enjoyed the content!
- John Vaughan4 years agoWhat did you like about this course?
Super wonderful this is great!!
- Luis Fernando Ushiña4 years agoWhat did you like about this course?
The best course and extremely easy to follow!
- George4 years agoWhat 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 Doyle4 years agoWhat 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
You might also like these resources:
Build a Developer Blog with Gatsby
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.
Build a Video Chat App with Twilio and Gatsby
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.
Eject create-react-app and Use Gatsby for Advanced React App Development
Create-React-App is a great tool for getting started with React, but at some point you may find yourself needing something more.