{"id":15522510,"url":"https://github.com/imranhsayed/react-pwa-workbox-example","last_synced_at":"2025-04-23T03:32:19.691Z","repository":{"id":38276968,"uuid":"371964817","full_name":"imranhsayed/react-pwa-workbox-example","owner":"imranhsayed","description":"react-pwa-workbox-example","archived":false,"fork":false,"pushed_at":"2021-05-30T10:44:50.000Z","size":8791,"stargazers_count":89,"open_issues_count":0,"forks_count":33,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-04-17T19:16:52.234Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"react-pwa-workbox-example.vercel.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/imranhsayed.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-05-29T12:15:09.000Z","updated_at":"2025-03-24T05:36:28.000Z","dependencies_parsed_at":"2022-08-18T08:32:16.716Z","dependency_job_id":null,"html_url":"https://github.com/imranhsayed/react-pwa-workbox-example","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imranhsayed%2Freact-pwa-workbox-example","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imranhsayed%2Freact-pwa-workbox-example/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imranhsayed%2Freact-pwa-workbox-example/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imranhsayed%2Freact-pwa-workbox-example/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/imranhsayed","download_url":"https://codeload.github.com/imranhsayed/react-pwa-workbox-example/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250365493,"owners_count":21418695,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-02T10:41:24.524Z","updated_at":"2025-04-23T03:32:19.649Z","avatar_url":"https://github.com/imranhsayed.png","language":"JavaScript","readme":"# [React PWA Workbox Example](https://react-pwa-workbox-example.vercel.app/)\n\n:fire: This is a React PWA Workbox Example for learning how to build React PWA.\n\n## Demo Site\n\nhttps://react-pwa-workbox-example.vercel.app/\n\n* Landing page\n![](demo/demo.png)\n\n## Branch Description:\nCreate a `.env` taking example from `.env-example` and Put your api key by getting it from 'https://developers.themoviedb.org/3'\n\n## Installation\n\n1. Clone this repo in `git clone https://github.com/imranhsayed/react-workshop`\n\n2. `cd react-pwa-workbox-example`\n\n3. Run `npm install`\n3. Run `npm run dev`\n\n[Blog Link](https://medium.com/@imranhsayed/set-up-react-app-with-webpack-webpack-dev-server-and-babel-from-scratch-df398174446d)\n\n## Commands\n\n- `dev` Runs webpack dev server for development ( in watch mode ) at http://localhost:8080/\n- `prod` Runs webpack build\n- `serve` Runs production server at 'http://localhost:5000/'\n\n## Deployment on vercel.\n\n* Vercel config\n![](demo/vercel-config.png)\n  \n## References\n\n### [workbox-core](https://developers.google.com/web/tools/workbox/modules/workbox-core)\n### [workbox-window](https://developers.google.com/web/tools/workbox/modules/workbox-window)\n### [workbox-precaching](https://developers.google.com/web/tools/workbox/modules/workbox-precaching)\n### [workbox cacheable response](https://developers.google.com/web/tools/workbox/modules/workbox-cacheable-response)\n### [workbox-clientsclaim](https://developers.google.com/web/tools/workbox/modules/workbox-core#clients_claim)\n### [workbox-webpack-plugin](https://developers.google.com/web/tools/workbox/modules/workbox-webpack-plugin)\n### [InjectManifest](https://developers.google.com/web/tools/workbox/reference-docs/latest/module-workbox-webpack-plugin.InjectManifest)\n\n### [Workbox Routing](https://developers.google.com/web/tools/workbox/modules/workbox-routing)\n### [Caching Route Recipes](https://developers.google.com/web/tools/workbox/guides/common-recipes)\n\n### [Workbox Caching Strategies](https://developers.google.com/web/tools/workbox/modules/workbox-strategies)\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimranhsayed%2Freact-pwa-workbox-example","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fimranhsayed%2Freact-pwa-workbox-example","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimranhsayed%2Freact-pwa-workbox-example/lists"}