https://github.com/imranhsayed/react-pwa-workbox-example
react-pwa-workbox-example
https://github.com/imranhsayed/react-pwa-workbox-example
Last synced: about 1 year ago
JSON representation
react-pwa-workbox-example
- Host: GitHub
- URL: https://github.com/imranhsayed/react-pwa-workbox-example
- Owner: imranhsayed
- Created: 2021-05-29T12:15:09.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2021-05-30T10:44:50.000Z (almost 5 years ago)
- Last Synced: 2025-04-17T19:16:52.234Z (about 1 year ago)
- Language: JavaScript
- Homepage: react-pwa-workbox-example.vercel.app
- Size: 8.38 MB
- Stars: 89
- Watchers: 3
- Forks: 33
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# [React PWA Workbox Example](https://react-pwa-workbox-example.vercel.app/)
:fire: 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`
3. Run `npm run dev`
[Blog Link](https://medium.com/@imranhsayed/set-up-react-app-with-webpack-webpack-dev-server-and-babel-from-scratch-df398174446d)
## 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](https://developers.google.com/web/tools/workbox/modules/workbox-core)
### [workbox-window](https://developers.google.com/web/tools/workbox/modules/workbox-window)
### [workbox-precaching](https://developers.google.com/web/tools/workbox/modules/workbox-precaching)
### [workbox cacheable response](https://developers.google.com/web/tools/workbox/modules/workbox-cacheable-response)
### [workbox-clientsclaim](https://developers.google.com/web/tools/workbox/modules/workbox-core#clients_claim)
### [workbox-webpack-plugin](https://developers.google.com/web/tools/workbox/modules/workbox-webpack-plugin)
### [InjectManifest](https://developers.google.com/web/tools/workbox/reference-docs/latest/module-workbox-webpack-plugin.InjectManifest)
### [Workbox Routing](https://developers.google.com/web/tools/workbox/modules/workbox-routing)
### [Caching Route Recipes](https://developers.google.com/web/tools/workbox/guides/common-recipes)
### [Workbox Caching Strategies](https://developers.google.com/web/tools/workbox/modules/workbox-strategies)