Sale!
Gatsby JS Basics
Original price was: $79.00.$49.00Current price is: $49.00.
In this course we learn the basics of how to use Gatsby JS, the React framework for building static sites.
Course Outline
- What is Gatsby and Why Use It? [8:18]
- Getting Setup with Gatsby [11:48]
- Starting Our First Gatsby Project [8:12]
- Running Build and Serve on a Gatsby Project [3:28]
- An Introduction to Gatsby Starters [3:56]
- Installing Gatsby Starters [10:20]
- Creating and Linking to Pages Manually [5:25]
- Creating Shared Components [3:26]
- Creating Layout Templates [4:41]
- Adding a Global Stylesheet [6:09]
- GraphQL for Gatsby [9:57]
- GraphQL Examples in Gatsby Starters [15:19]
- StaticQuery for Site Metadata [8:35]
- Extracting GraphQL Queries Into Hooks [6:50]
- Creating Content with Markdown (MDX) [5:03]
- Using the createPages API [12:49]
- Creating Dynamic Page Templates [10:31]
- Creating Listing Pages [12:08]
- Adding React Components to MDC Files [10:53]
- SEO Metadata with React Helmet [14:33]
- Working with Images in Gatsby [6:16]
- Using Gatsby Image [23:10]
- Images in Markdown [11:19]
- 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