BUY THE GATSBY MASTERCLASS

THE GATSBY MASTERCLASS





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...
  

Requirements:

• Familiarity with React and ES6 JavaScript
• Basic understanding of Git / Github

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

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