The Gatsby Masterclass
4.3 (279 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,967 students enrolled

The Gatsby Masterclass

Build blazing-fast, feature-rich, and overall stunning React apps with the Gatsby framework
4.3 (279 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,967 students enrolled
Created by Reed Barger
Last updated 12/2019
English
English [Auto]
Current price: $20.99 Original price: $29.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 4 hours on-demand video
  • 1 downloadable resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • 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
Course content
Expand all 43 lectures 03:57:27
+ Exploring our Gatsby Project
2 lectures 12:58
Gatsby Project File Structure
06:14
Gatsby API Files / Using Git for File Tracking
06:44
+ Pages and Components in Gatsby
2 lectures 09:08
Creating Pages, Routes and Nested Routes in Gatsby
04:06
Adding App Structure with Layout Component / Links in Gatsby
05:02
+ Querying Data with GraphQL / GraphiQL IDE
4 lectures 17:03
Getting Site Metadata with GraphQL and Static Queries
02:54
Using GraphiQL IDE to run our GraphQL Queries
06:38
Executing GraphQL Queries in our Gatsby Components
04:14
Adding / Querying for Custom Fields on Site Metadata
03:17
+ Source Plugins and Static Queries
2 lectures 08:18
Querying for Filesystem Data with the gatsby-source-filesystem
03:46
+ Transformer Plugins / Creating a Blog out of Markdown Files
2 lectures 15:09
Transformer Plugins / Using gatsby-transformer-remark to Transform Markdown
08:15
Displaying Preview of Markdown Posts in Blog Page
06:54
+ Programmatically Creating Pages with Gatsby
2 lectures 15:05
Programmatically Creating Slugs for Blog Posts with gatsby-node
06:03
Programmatically Creating Pages with gatsby-node
09:02
+ Pagination in Gatsby
3 lectures 20:02
Links to Blog Posts / Programmatically Creating Blog Pages
06:04
Adding Pagination with Prev Page / Next Page Links
05:28
Adding Numbered Pagination
08:30
Requirements
  • Familiarity with React and ES6 JavaScript
  • Basic understanding of Git / Github
Description

Do you want to make the fastest, most performant, and overall best React applications?  Look no further than Gatsby.

This course is the best guide you'll find to learn the Gatsby framework. In it, we will be making a complete Blog and Online Store, from project start to deployment on the web.

Here's what we'll be making:

  • A complete blog / online store built entirely with Gatsby and GraphQL, User Authentication with Multi-Factor Authentication, content served from the Headless CMS Contentful, with blog posts written entirely in Markdown, and Continuous Deployment with Netlify

What will be covered?

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

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

  • And much more...

Who this course is for:
  • React developers looking to learn the Gatsby framework
  • Developers interested in building very fast JavaScript apps
  • Programmers with a desire to build functional React apps from front to back