Progressive Web Application (PWA)

About

A Progressive Web Application (PWA) is a static page made dynamic through the use of javascript.

A PWA is regular website that take advantage of modern browser functionality to augment the web experience with app-like features and benefits.

A Progressive Web Apps run in a standalone window instead of a browser tab.

Where you host a static web site, you can host also a PWA.

same as Web - Single page application (SPA) ?

build modern Progressive Web Apps, taking full advantage of cutting-edge platform features like:

Documentation / Reference

Library

Metrics

Lighthouse

lighthouse - a tool for auditing an app for PWA features and checking your app meets a respectable bar for web performance under emulated mobile conditions.

Example

  • insin/react-hn -  a HackerNews client with server-side rendering & offline support. 11KB gzipped for the app bundle and 107KB for the vendor/React/libraries bundle
  • iFixit -  a hardware repair guide built with React but which uses Redux for state management.

Training

Seo

You can use a headless browser to generate a page and serve it to a robot in order to get a better SEO

Exampke: https://github.com/LasaleFamine/pupperender

Documentation / Reference


Powered by ComboStrap