GraphQL Spacesuit for Vue

on YouTube ↗46m

" summary

A small Vue app called Hands Up demo shows schema-first GraphQL wired to AWS AppSync + Auth0, generating DynamoDB tables and GraphQL endpoints automatically, using Apollo client for queries, mutations and real-time subscriptions over WebSocket. The demo records live votes (over 300 “boats” observed) and supports creating questions via mutations; deployment works end-to-end though live demo connections briefly drop, illustrating both the realtime flow and practical caveats of this stack.

AI-written summary · about

" chapters (10)

1. 0:00Introduction and background
2. 5:48What is GraphQL
3. 14:02Demo app and architecture
4. 16:10Building the schema
5. 23:18Backend setup with AWS AppSync
6. 27:17Exploring the GraphQL endpoint
7. 31:20Client-side queries and mutations
8. 38:12Real-time updates demo
9. 42:27Authentication with Auth0
10. 45:19Community and resources

" related talks

• 21mApollo, GraphQL and Vue the ultimate stackGuillaume Chau · Vue.js Amsterdam 2018
• 38mVue + GraphQLNatalia Tepluhina · VinnytsiaJS 2019
• 34mGraphQL & Apollo in VueNatalia Tepluhina · JavaScript Conference Armenia 2018
• 21mGraphQL + Apollo + Vue js = MagicSara Vieira · Vue.js Amsterdam 2019
• 29mBuilding modern web-applications with Hasura's GraphQL engineMarion Schleifer · ITNEXT Summit 2019
• 23mFull Stack Vue in the Era of Serverless ComputingNader Dabit · Vue.js Amsterdam 2019
• 11mUsing Subscriptions in Your Vue AppsVladimir Novick · VueConf US 2019
• 26mBuild a full-stack app with GraphQL & AWS AppSyncMichael Liendo · AWS Developer Innovation Day 2023