Sale!

Gatsby JS Basics

$49.00

In this course we learn the basics of how to use Gatsby JS, the React framework for building static sites.

Categories: , , ,

Course Outline

  1. What is Gatsby and Why Use It? [8:18]
  2. Getting Setup with Gatsby [11:48]
  3. Starting Our First Gatsby Project [8:12]
  4. Running Build and Serve on a Gatsby Project [3:28]
  5. An Introduction to Gatsby Starters [3:56]
  6. Installing Gatsby Starters [10:20]
  7. Creating and Linking to Pages Manually [5:25]
  8. Creating Shared Components [3:26]
  9. Creating Layout Templates [4:41]
  10. Adding a Global Stylesheet [6:09]
  11. GraphQL for Gatsby [9:57]
  12. GraphQL Examples in Gatsby Starters [15:19]
  13. StaticQuery for Site Metadata [8:35]
  14. Extracting GraphQL Queries Into Hooks [6:50]
  15. Creating Content with Markdown (MDX) [5:03]
  16. Using the createPages API [12:49]
  17. Creating Dynamic Page Templates [10:31]
  18. Creating Listing Pages [12:08]
  19. Adding React Components to MDC Files [10:53]
  20. SEO Metadata with React Helmet [14:33]
  21. Working with Images in Gatsby [6:16]
  22. Using Gatsby Image [23:10]
  23. Images in Markdown [11:19]
  24. Deploying a Gatsby Site [15:38]

Sample Videos

What is Gatsby JS and Why Use It

 

How Gatsby Uses GraphQL

 

Examples of GraphQL in Default Starters

How to Use Gatsby Image

You may also like…