Build a Developer Blog with Gatsby
Instructor
Laurie Barth- Gatsby
>=2.27.1
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.
đ± The most up-to-date Gatsby course out there
Staff reviewed: 4 years ago
The tools introduced in this course improve developer experience and teach you the best practices for building a Gatsby site.
Credits
Maxime Bourgeois (illustration)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 Reflect Upon:
- 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
- Herwindo Artono2 years agoWhat 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
- Fabricio3 years agoWhat 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.
- Peter Bone3 years agoWhat did you like about this course?
Very practice oriented. I kike it. Can understand how to extend gatsby with usefull packages.
- Prabhu Ram3 years agoWhat 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.
- Sagi3 years agoWhat did you like about this course?
Concise, exactly what i was looking for.
- Gabi Jack3 years agoWhat 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.
Course Content
You might also like these resources:
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.
Building a Serverless JAMStack Todo app with Netlify, Gatsby, GraphQL, and FaunaDB
This application serves as an introduction to building products with a JAMStack and Serverless approach.