loading...
Cover image for Best Gatsby Courses to take-up in Lockdown
Coursesity

Best Gatsby Courses to take-up in Lockdown

keyul profile image keyul Updated on ・5 min read

Disclosure: This post includes affiliate links; our team may receive compensation if you purchase products or services from the different links provided in this article.

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 excellent developer experience. Gatsby is far more than typical static site generator though. You can think of it more like a modern front-end framework.

It uses powerful pre-configuration to build a website that uses only static files for incredibly fast page loads, service workers, code splitting, server side rendering, smart image loading, asset optimization, and data prefetching.

The bottomline is that if you are a beginner or a blogger with little or no technial lnowledge looking forward to develop a website or web app, then Gatsby JS is the best option. You can easily build seamless web-apps using this static site generator along with deploying it on any headless CMS. We ideally prefer, Netlify CMS to be used in combination with GatsbyJS.

Considering the fact how dynamic Gatsby and it's applictaions are, it becomes crucial to be equipped with this skill. Thus, we have curated a list of Best GatsbyJS Courses that you can take up to learn the skill.

1. Gatsby Tutorial and Projects Course

Create Blazingly Fast Websites with Gatsby

Course rating: 4.7 out of 5.0 ( 682 Ratings total)

In this course, you will yreate Blazingly Fast Websites/Projects with Gatsby.

The course will consist of two parts. In the first part, the tutorial part we will cover Gatsby basics, and in the second part, projects part, we will build interesting projects using Gatsby.

You can take Gatsby Tutorial and Projects Course Certificate Course on Udemy .

2. Gatsby JS: Build static sites with React Wordpress & GraphQL

The Gatsby & WordPress stack! Learn Gatsby and generate super-fast Gatsby static sites with a WordPress backend.

Course rating: 4.4 out of 5.0 ( 343 Ratings total)

In this course, you will :

  • Increase your value and improve your knowledge as a front-end / React JS developer.
  • Learn Gatsby.
  • Create a static, server-compiled, content-driven website using Gatsby JS (with React JS & GraphQL).
  • Learn how to use GraphQL and GraphiQL to query data stored in Wordpress.
  • Set up Wordpress as a backend to build content, then render the content as pages with React JS & GraphQL.
  • Deploy your Gatsby JS static website and rebuild whenever content changes using Netlify.

You can take Gatsby JS: Build static sites with React Wordpress & GraphQL Certificate Course on Udemy .

3. Gatsby JS, Prismic & Netlify: Build RAPID Gatsby sites 2020

Use Gatsby JS & Prismic headless CMS data to generate a Gatsby static site. Ideal alternative to WordPress!

Course rating: 4.6 out of 5.0 ( 31 Ratings total)

In this course, you will :

  • Increase your value and improve your knowledge as a front-end / React JS developer.
  • Learn Gatsby.
  • Create a static, server-compiled, content-driven website using Gatsby JS (with React JS & GraphQL).
  • Learn how to use GraphQL and GraphiQL in Gatsby to query data stored in Prismic CMS.
  • Deploy your Gatsby JS static website and rebuild whenever our Prismic content changes using Netlify.
  • Use Netlify forms from within Gatsby to capture user's email address and personal details.

You can take Gatsby JS, Prismic & Netlify: Build RAPID Gatsby sites 2020 Certificate Course on Udemy .

4. Gatsby JS & Firebase: HYBRID Gatsby realtime + static sites

Build Gatsby JS static sites with realtime firestore, cloud functions, storage, auth, Gatsby + React hooks & GraphQL!

Course rating: 4.6 out of 5.0 ( 122 Ratings total)

In this course, you will :

  • Increase your value as a React developer.
  • Learn Gatsby.
  • Set up Gatsby to generate pages from data stored in Firebase.
  • Implement a realtime chat / comments section using firestore.
  • Provide registration and login functionality using the firebase authentication service.
  • Use firebase cloud functions for server-side authentication.
  • Use firebase cloud functions with cloud storage for file uploads.
  • Learn how to query firestore data using GraphQL from our Gatsby JS app.

You can take Gatsby JS & Firebase: HYBRID Gatsby realtime + static sites Certificate Course on Udemy .

5. Learn Gatsby to Build Fast, Feature-Rich, and Stunning React Apps

Build blazing-fast, feature-rich, and overall stunning React apps with the Gatsby framework

Course rating: 4.4 out of 5.0 ( 255 Ratings total)

In this course, you will :

  • Build rich, fully-featured Gatsby sites / apps from project start to deployment on the web.
  • Create stunning, blazing fast sites with Gatsby.
  • Master GraphQL to get and manage data with your React apps.
  • Utilize the best practices for building React projects.
  • How to use GraphQL in great detail, from the GraphiQL IDE to our React / Gatsby client
  • Using GraphQL variables, arguments, fragments and many more related concepts.
  • Sorting and filtering operations in GraphQL Queries
  • Utilizing the cloud-hosted headless CMS Contentful for dead-simple content management
  • Executing Queries from Gatsby Client with Static Queries and Page Queries
  • Amazing Responsive Images with Gatsby Image
  • Fetching / Managing Gatsby Data with Gatsby Source Plugins
  • Transforming Data using Gatsby Transformer Plugins
  • Converting Markdown Data to HTML Content with Gatsby
  • Programmatically Creating Site Pages in Gatsby
  • Pagination in Gatsby (Prev / Next Links, Numbered Pagination)
  • User Authentication using Netlify Identity
  • Social Login with Google, Github, Gitlab, and Bitbucket Providers
  • Multi-Factor Authentication with Account Confirmation Emails
  • Shopping Cart and User Purchases with Snipcart
  • Continuous Deployment through Git / Github with Netlifx

- Routing, nested routes, links, active links in Gatsby

Thanks for reading this article. If you like these web development courses, then please share it with your friends. Also, you can also discover Free GatsbyJS Courses

If you have any questions or feedback or If you think any course needs to be added into this list please comment about them. Also you can visit my other articles;

Posted on May 28 by:

Coursesity

Coursesity is a place to find the best online courses and tutorials for anything you want to learn in programming, development and coding.

Discussion

markdown guide
 

Thanks for posting this list. Another course that I found helpful (and free) is Andrew Mead's Great Gatsby Bootcamp on YouTube. It was a basic introduction to Gatsby that gave me just enough information to start my own deep dive into Gatsby.

 

Thanks for the suggestion :)