luisprooc / react-pwa-workbox-example

react-pwa-workbox-example

React PWA Workbox Example

🔥 This is a React PWA Workbox Example for learning how to build React PWA.

Demo Site

https://react-pwa-workbox-example.vercel.app/

• Landing page

Branch Description:

Create a .env taking example from .env-example and Put your api key by getting it from 'https://developers.themoviedb.org/3'

Installation

1. Clone this repo in git clone https://github.com/imranhsayed/react-workshop

2. cd react-pwa-workbox-example

3. Run npm install

4. Run npm run dev

Blog Link

Commands

• dev Runs webpack dev server for development ( in watch mode ) at http://localhost:8080/
• prod Runs webpack build
• serve Runs production server at 'http://localhost:5000/'

Deployment on vercel.

• Vercel config

References

workbox-core

workbox-window

workbox-precaching

workbox cacheable response

workbox-clientsclaim

workbox-webpack-plugin

InjectManifest

Workbox Routing

Caching Route Recipes

Workbox Caching Strategies