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

Clone this repo in git clone https://github.com/imranhsayed/react-workshop
cd react-pwa-workbox-example
Run npm install
Run npm run dev

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