filmov
tv
Gatsby site from scratch #2: Getting data from files and introduction to GraphiQL

Показать описание
Using `gatsby-source-filesystem` to pull data from select files into the build pipeline as GraphQL. This is the more intended way to do things in Gatsby, as GraphQL is what it is largely built around. We'll talk a little bit about GraphiQL, the GraphQL GUI of choice for Gatsby, and how to use it to build queries and view your sites data.
0:00 - Explanation of the series
1:15 - Recap of project setup
2:32 - Gatsby documentation reference
3:55 - Add and configure source plugin
7:05 - Adding more files for demonstration
7:50 - Introduction to GraphiQL
11:22 - Outro
Gatsby docs for sourcing files:
Previous video in the series:
Next video in the series:
Follow Jimmy Cleveland's doings:
#gatsbyjs #staticsite #reactjs
0:00 - Explanation of the series
1:15 - Recap of project setup
2:32 - Gatsby documentation reference
3:55 - Add and configure source plugin
7:05 - Adding more files for demonstration
7:50 - Introduction to GraphiQL
11:22 - Outro
Gatsby docs for sourcing files:
Previous video in the series:
Next video in the series:
Follow Jimmy Cleveland's doings:
#gatsbyjs #staticsite #reactjs
Gatsby site from scratch #2: Getting data from files and introduction to GraphiQL
Creating a Gatsby Blog from Scratch #2 | Gatsby Background Image and Pull Requests
Gatsby site from scratch #0: Course Introduction
Gatsby site from scratch #1: Creating a project without a starter template
Creating a Gatsby Blog from Scratch | Initial Setup and Layout
Mac & Windows Installation | Gatsby - Static Site Generator | Tutorial 2
Gatsby site from scratch #9: Adding css, scss and basic styling
Gatsby site from scratch #3: Transform Markdown to pages
Code a Portfolio Website from Scratch with Gatsby.js | Header (Part 2)
Gatsby site from scratch #15: Listing all your posts on the homepage
Twitch Recording: Building a Gatsby + MDX site from scratch
GatsbyJS: How to Implement Schema Markup on Your Gatsby Site
Gatsby #2: Starting a New Gatsby Project
Gatsby Tutorial #2 - Starter Sites
Gatsby site from scratch #10: Creating reusable layouts
Gatsby Tutorial V2
Setup Gatsby from scratch!
Gatsby with Prismic CMS #2 Pages,Components and Styles
100 Days of Gatsby Challenge 2: Website Launch - Solution
Creating your first Gatsby Site Part 2 - Daily Dose of Gatsby Episode 2
Gatsby site from scratch #12: Troubleshooting Gatsby Plugins
Build Your Personal Blog Website with Gatsby - Lesson 2: Basic Overview of Webpack and Gatsby
Gatsby Tutorial 2 - Global, Modular and CSS-in-JS Styles
Gatsby Static Site Generator Tutorial
Комментарии