Turning a Website Into a Progressive Web App

55 Launches
Solution Overview

Follow this lab to turn a website into a Progressive Web Application (PWA), this way it can run on an edge device without an Internet connection.

  • PWA's closely resemble native apps by being installable, and users can't even see a difference.
  • Get improved reliability and speed by avoiding the network and running on the user's device.
  • Avoid “No Internet” error messages.

Goals & Objectives

  • Learn how simple it is to make a progressive web app.
  • Learn the architecture of a PWA.
  • Learn how to create and reference a manifest.
  • Learn how to create and use a service worker.
  • See the browser render the install icon for a PWA, and run it like a native app.

Hardware & Software