R&B GraphQL

on YouTube ↗31m

" summary

A tiny PWA called R&B GraphQL combines Gatsby build‑time queries with runtime Apollo requests to keep a static site fast and still accept live updates. It pulls a custom Node/Express/Mongo GraphQL API of 90s R&B songs via gatsby-source-graphql, serves static content at build, then uses useQuery and useMutation from Apollo to post new songs and replace static data when live results arrive. Uses gatsby-plugin-offline, manifest and Netlify build hooks for redeploys.

AI-written summary · about

" chapters (9)

1. 0:00Introduction and speaker intro
2. 1:07About the speaker and podcast
3. 2:51Rahat's laws of dope apps
4. 4:58Progressive web apps explained
5. 6:00Gatsby and GraphQL setup
6. 8:53Static vs dynamic content
7. 13:50Making it a PWA
8. 15:11Deployment and automation
9. 17:19Future projects and closing

" related talks

• 18mCrafting compelling real-time web experiences with GraphQLRob Crowley · Decompress AU 2018
• 18mUsing GraphQL on WordPressSid Chatterjee · GraphQL Galaxy 2020
• 09mGET what you need and drop the RESTGlenn Ricaud · Mobile Era 2017
• 59mGoodbye REST; Hello GraphQLSandeep Singh · NDC Oslo 2017
• 24mBuilding Reactive GraphQL Apps With ApolloMartijn Walraven · React Amsterdam 2016
• 41mThe GraphQL Way: A new path for JSON APIsNick Quaranto · RailsConf 2018
• 41mIntroduction to GraphQLMatt Lavin · RVA JavaScript Conf 2019
• 58mCrafting compelling real-time web experiences with GraphQL and ReactRob Crowley · NDC Sydney 2018