Building a new offline-first PWA using Amplify DataStore and Angular 9
During this training you will build a cloud-enabled offline-first Progressive Web App (PWA) that can seamlessly transition from online to offline while providing a great user experience. We will be specially looking at new Angular 9 features supporting PWAs and offline-first apps.
Offline-first apps need to support: intermittent connectivity, transition seamlessly between online and offline states, reliable CRUD on-device data, data synchronisation and data conflict resolution to enable real-time collaboration. Amplify DataStore is an on device persistent repository for interacting with local data and able to automatically synchronize via GraphQL. Using Amplify DataStore will allow us to implement offline-first while using a simple programming model.
We will be using AWS Amplify to release the final app to the cloud. AWS Amplify makes developing, releasing and operating modern fullstack serverless apps easy and delightful.
Topics we'll be covering:
Introduction to AWS Amplify
Offline-first PWAs using Angular: online-only vs cached vs offline-first
What's new for PWAs in Angular v9
Introduction to Amplify DataStore and AWS AppSync
Data model design using GraphQL types and relationships
On-device Data Management: queries, predicates, mutations
Data synchronisation and conflict resolution
Adding real-time collaboration via GraphQL subscriptions
Deploying to the cloud
About Gerard Sans