Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Creating Nodes in GatsbyJS with Two Data Sources Using the SourceNode API

Learn With Jason via YouTube

Overview

Explore the process of creating GraphQL nodes from multiple data sources in GatsbyJS using the sourceNode API in this 1 hour 34 minute tutorial. Follow along as the instructor builds a proof of concept, demonstrating how to generate nodes from both an array and an API call. Learn through real-time problem-solving, including Googling techniques and troubleshooting common issues. Dive into topics such as creating a new Chrome window, using Gatsby transformer remark, extending node types, creating and transforming nodes, utilizing node helpers, and generating node IDs and data. Gain practical insights into querying GitHub and testing node data. Access the demo repository for hands-on practice and follow the instructor on Twitch and Twitter for more web development content.

Syllabus

Intro
Starting from scratch
Create a new Chrome window
Gatsby transformer remark
Extend node type
Create node
Transform nodes
Node helpers
Create note helpers
Create test node
Test data
Query GitHub
How does it work
I get it
SourceNodes
Generating Node IDs
Generating Node Data
Testing Node Data
Testing again

Taught by

Learn With Jason

Reviews

Start your review of Creating Nodes in GatsbyJS with Two Data Sources Using the SourceNode API

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.