Empowering Drupal for offline: Improved usability for low connectivity areas using PWA and IndexedDB
Explore the success story of Progressive Web Apps (PWA) and IndexedDB to enhance Drupal's capabilities and elevate user’s offline experience.
Prerequisite
Basic understanding of Drupal websites.
Outline
In an increasingly connected world, providing a seamless user experience even in offline scenarios has become paramount. In this session, we’ll showcase how we’ve solved a real-world problem of being able to use a Drupal website offline in areas of low or no internet connectivity. We will go deeper into how we can build a stable PWA using Drupal by strengthening its client-side storage capabilities.
This was part of our work with a renowned NGO where we built a solution for logged-in users to be able to use various parts of this application without a working internet connection.
The application we built is designed to store relevant content on the browser (in IndexedDB), and when network connection is lost, it will switch to using content from the IndexedDB. The users can view, update, delete and create content while there is no network connection, making it quite useful for NGO's field staff when updating or creating content in regions where internet connectivity is an issue. We explain quite deeply with code snippets and a working demo on how this was accomplished in a Drupal website.
Learning Objectives
1. Understand the fundamentals of Progressive Web Apps (PWA) and their relevance in web development.
2. Explore the capabilities of IndexedDB as a client-side database for offline data storage.
3. Learn how to implement PWA features to improve Drupal site performance and reliability, especially in offline scenarios.
4. Discover practical use cases for using IndexedDB in Drupal to store and manage data seamlessly offline.
5. Gain insights into the step-by-step process of integrating PWA and IndexedDB into your Drupal projects.
6. Explore real-world examples and case studies of successful Drupal-PWA and IndexedDB implementations.
Experience level
Beginner
Prerequisite
Basic understanding of Drupal websites.
Outline
In an increasingly connected world, providing a seamless user experience even in offline scenarios has become paramount. In this session, we’ll showcase how we’ve solved a real-world problem of being able to use a Drupal website offline in areas of low or no internet connectivity. We will go deeper into how we can build a stable PWA using Drupal by strengthening its client-side storage capabilities.
This was part of our work with a renowned NGO where we built a solution for logged-in users to be able to use various parts of this application without a working internet connection.
The application we built is designed to store relevant content on the browser (in IndexedDB), and when network connection is lost, it will switch to using content from the IndexedDB. The users can view, update, delete and create content while there is no network connection, making it quite useful for NGO's field staff when updating or creating content in regions where internet connectivity is an issue. We explain quite deeply with code snippets and a working demo on how this was accomplished in a Drupal website.
Learning Objectives
1. Understand the fundamentals of Progressive Web Apps (PWA) and their relevance in web development.
2. Explore the capabilities of IndexedDB as a client-side database for offline data storage.
3. Learn how to implement PWA features to improve Drupal site performance and reliability, especially in offline scenarios.
4. Discover practical use cases for using IndexedDB in Drupal to store and manage data seamlessly offline.
5. Gain insights into the step-by-step process of integrating PWA and IndexedDB into your Drupal projects.
6. Explore real-world examples and case studies of successful Drupal-PWA and IndexedDB implementations.
Experience level
Beginner