AMP as PWA vs AMP in PWA

Question

There are 3 ways to combine AMP with PWA (as described here):

1. AMP pages with PWA features
2. AMP as entry point into your PWA
3. AMP as data source for your PWA

In both first and third approach, we are fetching AMP content from the server using service worker, modify it if required and render. Can someone please explain the difference between these approaches? What exactly is the use of 'Shadow AMP' API?

Answer 1

“Shadow AMP” is a special version of AMP in your Progressive Web App. in the top level page in the AMP library, it will only “amplify” the page's the portions what you require, not control the top level content. The library will be used when the availability of the global AMP variable and Shadow AMP uses a “asynchronous function loading approach” to help with that.

To learn more, visit this website Tapita.io