YoVDO

Introduction to Gatsby, v2

Offered By: Frontend Masters

Tags

Gatsby Courses Web Development Courses React Courses GraphQL Courses Image Optimization Courses Netlify Courses MDX Courses

Course Description

Overview

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!

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

Related Courses

Introduction to ReactJS
Microsoft via edX
Front-End Web Development with React
The Hong Kong University of Science and Technology via Coursera
Multiplatform Mobile App Development with React Native
The Hong Kong University of Science and Technology via Coursera
Client-based Web Applications development: ReactJS & Angular
Universidad Politécnica de Madrid via Miríadax
React
Udacity