Salva de la Puente

Hacks & thoughts

What is a PWA

A visual definition of a progressive web app

A Progressive Web App is a regular website following a progressive enhancement strategy to deliver native-like user experiences by using modern Web standards.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Recomendations</title>
    <script>
      if ('serviceWorker' in navigator) {
        navigator.serviceWorker.register('/sw.js');
      }
    </script>
    <link rel="manifest" href="/manifest.json">
  </head>
  <body>
    ...
  </body>
</html>
Native-like interactions: add to home screen, splash page, no browser UI…