Production Ready React with GatsbyJS

on YouTube ↗29m

" summary

Gatsby converts content from any source into a fast React site by generating a unified GraphQL schema, server-side building to static HTML/CSS/JS and client rehydration, with built-in plugin hooks and override points. Live demo uses the Gatsby CLI creates a site in ~10 minutes, pulls content from GraphCMS plus Markdown/YAML and mapped images, applies Tailwind, and serves the compiled site from the public/ folder. Custom schema mapping for images and remote GraphQL stitching are shown working end-to-end.

AI-written summary · about

" chapters (5)

1. 0:00Start
2. 4:49Gatsby is
3. 8:42Lifecycle of a Gatsby Compilation
4. 9:56The Unified Data Layer
5. 11:08Who's using Gatsby

" related talks

• 34mWhat is new with Gatsby.jsKyle Mathews · Frontend Developer Love 2019
• 17mThe Client-Side Revolution, Brought to You by ReactKyle Mathews · Reactathon 2018
• 27mBeyond Static: Dynamic Web Applications with GatsbyDustin Schau · ReactNext 2019
• 25mLive coding a Portfolio with Gatsby + GraphQLEmma Bostian · React Live 2019
• 16mWhen Drupal Met Gatsby: An Early Adopter Case StudyJay Callicott, Madeline Jensen · GatsbyCamp Summer 2021
• 25mGatsbyJS — How to Create The Fastest Sites In The WorldKyle Mathews · ReactNext 2017
• 38mLIVE DEMO: Using GatsbyJS to build a decoupled (Drupal) websiteMark Conroy · DrupalCon Amsterdam 2019
• 50mUsing GatsbyJS to build a decoupled (Drupal) website (Live demo)Mark Conroy · Frontend United 2019