Learn to build blazing-fast apps and websites with React using Gatsby! Starting from scratch, you’ll learn to code a full blog app. Use GraphQL in Gatsby for storing and retrieving data, create pages and posts with MDX, optimize your images automatically with the gatsby-image, and load 3rd party data to display in components. Then deploy your brand new blog website to Netlify for the world to see!
Overview
Syllabus
- Introduction
- Course Overview
- Course Code Setup
- Creating a Page
- Creating Links
- Adding & Querying Site Metadata
- Gatsby & GraphQL Q&A
- Add SEO Meta with React Helmet
- Creating a Layout
- Add Global CSS Styles
- Add Scoped Styles with CSS Modules
- Gatsby Layout Q&A
- Pages in Markdown
- Setup Pages in MDX
- Add MDX Frontmatter
- Creating a Layout for MDX
- Show Recent MDX Posts
- Optimizing Images
- Styling Images
- Loading Effects
- Optimizing Images in MDX
- Query Images from GraphQL
- Loading Data from a Headless CMS
- Creating Pages from Third-Party Data
- Creating a Listing of Third-Party Data
- Deploying a Gatsby Site Using Netlify
- Wrapping Up
Taught by
Jason Lengstorf