Here's how PWAMP (PWA + AMP) works.

What you're seeing is an AMP based page with PWA features.

How can you build yours? Take a look at these resources about PWA (progressive Web apps), AMP (accelerated mobile pages) and PWAMP (the combination of PWA with AMP):

Concepts

You can combine PWA with AMP in many different ways: Enabling PWA features in your AMP pages, as well as embed and use AMP as a datasource within a PWA or preload your PWA from your AMP pages. Here you have more information about each type and how to combine them:

• What Are Progressive Web AMPs?
• 2018 State of Progressive Web Apps
• Combine AMP with Progressive Web Apps
• Why Do You Need to Use AMP and PWA to Keep Your Website Progressive
• Progressive Web AMPs: the Story so Far (AMP Conf 2018 video)

Guides

• Migrate your site to a Progressive Web App
• The easy way to turn a website into a Progressive Web App
• How to turn your website into a PWA
• Enable Progressive Web App features for your AMP pages
• Step by Step to Build a Progressive Web AMP
• WordPress: Building Progressive Themes with WP Rig
• Tracking PWA events with Google Analytics
• SEO for Progressive Web APPs (PWA) and JavaScript sites
• PWAs SEO: Developing Optimized PWAs and How to Validate them
• A Guide to Progressive Web Apps: How to Optimise PWAs for SEO
• A Progressive Roadmap for your Progressive Web App

Tools

• The Progressive WordPress Theme Rig - Build Progressive Themes with WP Rig
• Enable PWA features to your Wordpress based site with the SuperPWA plugin
• Progressive Web App Checklist
• Lighthouse PWA Analysis Tool - Use it within Chrome DevTools or as a extension
• Test PWA functionalities of any site by using Chrome DevTools: Test the add to homescreen feature, Simulate offline behavior, Send simulated push notifications, and more here.
• AMP Validator
• PWA Builder and Validator

Examples and Demos

PWAs:

• Alibaba
• Hobbycraft
• Lancome USA
• Trivago India
• Payless Shoes
• The Financial Times
• Transferwise Rate Alerts
• Twitter Lite
• Uber
• Starbucks
• Naturenauts by the Natural History Museum
• Cloudfour
• Erudite - Online Marketing Agency
• Ebay's test in products pages
• More at PWA Directory and PWA Stats

PWAMPs:

• The page you're seeing :)
• AMP as a PWA: AMP by Example, the BMW site
• AMP in PWA: The Guardian's shadow reader and a React-based demo - The Scenic
• Non-Canonical AMP and PWA in canonical Website: Carved and Why my Web traffic dropped?

Do you have or know of PWA or PWAMP resources that you would like me to add here? Send me a tweet.