Using GraphQL on WordPress

on YouTube ↗18m

" summary

Live-codes a React/Gatsby site that swaps WordPress REST endpoints for wp graphql, replacing nine REST calls with one network request, cutting payload from about 13.7 kb to 1.6 kb and improving throughput roughly 10x. Uses wp graphql plugin with common clients (urql/apollo/gatsby source), maps GraphQL nodes to UI props, and the example builds and renders successfully locally with measurable latency and bandwidth gains.

AI-written summary · about

" chapters (5)

1. 0:00Start
2. 3:04Building a site using the WP REST API
3. 4:44Wrap REST API in GraphQL on the client
4. 15:59WPGraphQL
5. 17:14Credits

" related talks

• 08mScaling WordPress with Next.jsColby Fayock · React Summit Remote Edition 2021
• 10mRebuilding a 1,000-page website with only one developerCory Miller · Next.js Conf 2023
• 29mProduction Ready React with GatsbyJSJesse Martin | ReactConfAM19 · React Conf Armenia 2019
• 43mGraphQL in the wildArianne Dee · DjangoCon US 2017
• 21mAPI-first Development with Headless WordPressMatt Landers · React Summit Remote Edition 2021
• 54mA Tinder Love Story: Create a Wordpress Blog with React, instead of PHPKyle Boss · JS Fest 2019 Autumn
• 27mBeyond Static: Dynamic Web Applications with GatsbyDustin Schau · ReactNext 2019
• 27mConsume GraphQL API with Apollo Client and ReactNidhi Kumari · React Alicante 2022