Buy Now and unlock this series
$
39
.99
$
32
.99
yours forever
$
39
.99
$
32
.99
Become a Pro and unlock everything
$
24
.99
per month
$
24
.99
Image Component Part 2
This video is about #8 Image Component Part 2 - Pro Gatsby
Downloads
Become a pro to download code and videos
Pro Gatsby
25 videos
Course Instructor
Scott Tolinski
- Introduction
4M48S - Getting Started
7M12S - Gatsby Files Explained
8M - Pages and Navigation In Gatsby
5M50S - Importing Assets In Gatsby
7M14S - An Introduction To Styled Components In Gatsby
11M32S - Understanding Gatsby's Data Layer with GraphQL
16M36S - Image Transformation & Manipulation In Gatsby
12M29S - Image Component Part 2
11M23S - How To Query Markdown Files In Gatsby
13M46S - Working With Markdown Posts
16M17S - Adding Posts As Pages
16M49S - Context Queries For Our Blog Page
13M14S - Animated Page Transitions With The Web Animations API
18M24S - Interface Improvements & Query Sorting
9M50S - Building For Production -
5M18S - Deploying To Github Pages
11M49S - Easy Hosting With Netlify
10M15S - Setting Up Netlify CMS
15M37S - Github Auth With Netlify CMS
10M9S - Images In Netlify CMS
13M40S - Contentful With Gatsby
11M29S - Generating Pages From Contentful
16M36S - Auto Updating With Contentful & Netlify
9M52S - Where To Go From Here
5M18S
Comments
Charles
over 2 years ago
As of april 2020, in layout.js there is useStaticQuery hook with a query called LayoutQuery. Place your background query there instead of where scott shows to put it in the video.
Want to join the conversation?
Become a Pro member today!