Search⌘ K
AI Features
Home
Courses
Building Progressive Web Applications

PWA Core Building Blocks

Explore the fundamental building blocks of Progressive Web Applications, including the web manifest, service workers with caching and background sync, responsive design, IndexedDB for offline data storage, and native device APIs. Understand how these components combine to create installable, secure, and engaging web apps that function like native applications.

We'll cover the following...

The essential building blocks of a PWA include a web app manifest file and a service worker. However, some other features are used to enhance a classic web application. Let’s have a closer look at them.

Overview of the building blocks of a PWA

Application manifest

A web app manifest provides information to the browser about the web application and is required to make a PWA installable on the user’s device. Most native apps have a manifest file attached to them. A manifest file contains the details of an app, such as the following:

  • Name
  • Description
  • Theme and colors
  • Icons for different places like the home screen, splash screen, etc.
  • Starting activity (or screen)

Therefore, the operating systems require the relevant manifest file to install an app. That’s why a PWA to be installed on devices needs a ...