Big time PWA using GraphQL, Amplify DataStore and Angular
summary
Real-time chatroom PWA built with Angular plus AWS: Amplify DataStore for local storage (IndexedDB) and automatic sync via AppSync GraphQL to DynamoDB, Cognito for auth, deployed with Amplify Console. Service worker, web app manifest and Angular PWA plugin enable installable app and offline reload; cache split by platform using service worker prefetch vs lazy and external URLs added to ngsw config. Demo stores messages offline and automatically syncs on reconnect, achieving “99% offline ready.”
AI-written summary · about
chapters (15)
- 0:00Intro
- 1:32Offline first
- 4:51PWA requirements
- 8:30Amplify
- 9:17Supported platforms
- 18:09Demo
- 20:06Architecture
- 21:27Terminal
- 24:04Amplify DataStore
- 26:00GraphQL
- 27:31Progressive Web App
- 31:42Custom Configuration
- 36:31PWA Demo
- 37:22Offline Demo
- 43:37Synchronization Demo
related talks
41mPerformant and Accessible Angular Apps as PWAs
37mAngular PWA: crafting apps that adapt anywhere
01h 38mWrite once, run anywhere with an angular PWA
59mProgressive React Apps
26mProgressive Web Apps with Angular and Firebase
35mProgressive Web Apps with Angular 2
01h 04mProgressive Web Apps: Cross-Plattform Applications with Angular
23mProgressive Web Apps with Angular and Firebase