Brief Introduction
Build blazing-fast, feature-rich, and overall stunning React apps with the Gatsby frameworkDescription
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...
Requirements
- Requirements
- Familiarity with React and ES6 JavaScript
- Basic understanding of Git / Github
Reed Barger
4.1 Raiting
The Gatsby Masterclass
- 4.1
-
![]()
![]()
![]()
![]()
![]()
Build blazing-fast, feature-rich, and overall stunning React apps with the Gatsby framework Do you want to make the fastest, most performant, and overall best React applications?...
