Progressive Web App

By default, Nectar is a Progressive Web App (PWA) as it includes the main ingredients — the Web App Manifest and the Service Worker.

Web App Manifest

Web App Manifest provides information about a web application, generally named as manifest.json and located in the root directory of the project.

This file is necessary for the web app to be able to install on the user home screen.

This file contains information such as app name, description, theme colors, launch icons, app shortcuts etc.

The Web App Manifest is located as manifest.json

You can learn more about Web App Manifest at https://developer.mozilla.org/en-US/docs/Web/Manifestarrow-up-right

Service Worker

Service Worker essentially acts as a proxy server that sits between the web app, the web browser, and the network connection.

Service Worker enables to create offline experiences, handle push notifications, sync data in background and so on.

The Service Worker is located as service-worker.js

This Service Worker contains the code for data caching providing offline experience and handling local push notifications.

You can learn more about Service Workers at https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_APIarrow-up-right

This Service Worker also includes Workbox library. You can learn more about Workbox at https://developer.chrome.com/docs/workboxarrow-up-right

circle-info

To create Splash Screens for iOS PWAs, you should use the service — https://progressier.com/pwa-icons-and-ios-splash-screen-generatorarrow-up-right

Last updated