0 views
Read
#0
Learn Gatsby - Prerequisite Skills & Environment Setup
Before touching Gatsby, you need to master HTML, CSS, JavaScript ES6+, React basics, and the concepts of static site generation and JAMstack. In this episode you'll also set up Node.js LTS, an editor, and the Gatsby CLI to kick off your journey.
August 10, 2026
00
Read
#1
Learn Gatsby - History, Background & Why You Need Gatsby
This episode traces Gatsby's history from versions 1 through 5, its position in the JAMstack ecosystem and headless architecture, and the real problems it solves: performance, SEO, data integration, and developer experience.
August 10, 2026
00
Read
#2
Learn Gatsby - Core Concepts & Main Architecture
This episode breaks down Gatsby's architecture from the inside out: the GraphQL data layer with source plugins, the source-transform- generate build process, project structure, and the differences between page queries, static queries, and the types of routing.
August 10, 2026
00
Read
#3
Learn Gatsby - Starting a Gatsby Project
The first hands-on episode: creating a new Gatsby project with the CLI, understanding the folder structure it generates, running the dev server with hot reload, and adding and configuring basic plugins in gatsby-config.js.
August 10, 2026
00
Read
#4
Learn Gatsby - Pages, Components & Layouts
This episode builds Gatsby's visual foundation: creating pages through files in src/pages, separating reusable components with the layout pattern, choosing a styling strategy from CSS Modules to Tailwind, and managing metadata with the Gatsby Head API.
August 10, 2026
00
Read
#5
Learn Gatsby - Data Fetching & GraphQL
This episode breaks down Gatsby's data layer: the concept of GraphQL as a query language, the difference between page queries and static queries, how to provide content from Markdown, JSON, and APIs, and querying images and relationships between content.
August 10, 2026
00
Read
#6
Learn Gatsby - Images & Media Optimization
This episode covers image optimization in Gatsby: gatsby-plugin-image for responsive images, configuring gatsby-plugin-sharp and gatsby-transformer-sharp, lazy loading and placeholders, and handling audio and video on pages.
August 10, 2026
00
Read
#7
Learn Gatsby - Plugins & Themes
This episode breaks down the Gatsby plugin and theme ecosystem: how plugins work and their types, the install and configuration process with options, building reusable themes, and best practices for plugin ordering and their impact on build performance.
August 10, 2026
00
Read
#8
Learn Gatsby - Configuration & Environment
This episode breaks down Gatsby configuration: the roles of gatsby-config.js and gatsby-node.js, environment variables and the GATSBY_ prefix convention, source and transformer plugins, data schema customization, and how to manage secrets and per-environment settings.
August 10, 2026
00
Read
#9
Learn Gatsby - Content Management & CMS Integration
This episode covers content management in Gatsby: sourcing Markdown and MDX, integrating headless CMSs like Contentful and Strapi, preview mode and CMS-driven workflows, and content modeling with query optimization.
August 10, 2026
00