https://github.com/googlecodelabs/amp-pwa-workbox

https://github.com/googlecodelabs/amp-pwa-workbox

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/googlecodelabs/amp-pwa-workbox
• Owner: googlecodelabs
• License: apache-2.0
• Created: 2017-08-30T13:47:30.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2024-05-01T21:57:37.000Z (almost 2 years ago)
• Last Synced: 2024-05-02T15:15:53.144Z (almost 2 years ago)
• Language: HTML
• Size: 44.5 MB
• Stars: 35
• Watchers: 13
• Forks: 22
• Open Issues: 21
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# AMP and PWA

In this codelab, you’ll convert an app containing AMP pages into a PWA using two different patterns:

1. transform an AMP site into a PWA (AMP as PWA)

2. use the App Shell architecture to create a PWA that uses AMP as content (AMP in PWA)

AMP+PWA gives you the best of both worlds: a lightning fast first load with AMP, and native-like capabilities in the PWA.

You'll also get a chance to use [Workbox](https://workboxjs.org/).

## Getting started

Follow the [Google Codelabs instructions](https://codelabs.developers.google.com/codelabs/amp-pwa-workbox/index.html?index=..%2F..%2Findex#0).

## More resources

* [Workbox codelab](https://codelabs.developers.google.com/codelabs/workbox-lab/#0)

* [AMP Foundations codelab](https://codelabs.developers.google.com/codelabs/accelerated-mobile-pages-foundations/#0)

* [AMP Advanced Concepts codelab](https://codelabs.developers.google.com/codelabs/accelerated-mobile-pages/#0)

* [PWA training materials](https://developers.google.com/web/ilt/pwa/)