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

30 Days to Learn Laravel
Laracasts
3D Graphics for Web Developers
Pompeu Fabra University via FutureLearn
A Beginner’s Guide to Web Development with HTML5
Packt via FutureLearn
Accessibility Audit
Amazon Web Services via AWS Skill Builder
Expanding Your JS Skills with Angular
A Cloud Guru