{"id":13734398,"url":"https://github.com/cloudflare/workers-react-pwa-example","last_synced_at":"2025-10-04T10:54:49.162Z","repository":{"id":39737553,"uuid":"158833428","full_name":"cloudflare/workers-react-pwa-example","owner":"cloudflare","description":null,"archived":false,"fork":false,"pushed_at":"2024-09-25T22:44:51.000Z","size":368,"stargazers_count":87,"open_issues_count":14,"forks_count":11,"subscribers_count":32,"default_branch":"master","last_synced_at":"2025-04-09T08:39:55.640Z","etag":null,"topics":["cloudflare-workers","progressive-web-apps","pwa","react","server-side-rendering","ssr","worker-script"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-3-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/cloudflare.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-11-23T13:00:54.000Z","updated_at":"2025-02-16T01:24:18.000Z","dependencies_parsed_at":"2024-01-12T02:43:13.880Z","dependency_job_id":"1ffc8b9a-f044-49c1-ab9c-720c904acaba","html_url":"https://github.com/cloudflare/workers-react-pwa-example","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/cloudflare/workers-react-pwa-example","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloudflare%2Fworkers-react-pwa-example","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloudflare%2Fworkers-react-pwa-example/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloudflare%2Fworkers-react-pwa-example/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloudflare%2Fworkers-react-pwa-example/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cloudflare","download_url":"https://codeload.github.com/cloudflare/workers-react-pwa-example/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloudflare%2Fworkers-react-pwa-example/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278302565,"owners_count":25964520,"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","status":"online","status_checked_at":"2025-10-04T02:00:05.491Z","response_time":63,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["cloudflare-workers","progressive-web-apps","pwa","react","server-side-rendering","ssr","worker-script"],"created_at":"2024-08-03T03:00:55.327Z","updated_at":"2025-10-04T10:54:49.145Z","avatar_url":"https://github.com/cloudflare.png","language":"JavaScript","funding_links":[],"categories":["Article"],"sub_categories":[],"readme":"![Cloudflare GraphQL Gateway](/img/workers-react.png)\n\nWorkers React Example\n====\nCombining the power of Cloudflare Workers and React will allow you to render the\nsame React code you would on the browser on Cloudflare Workers.\n\n### Dependencies\n- [npm](https://www.npmjs.com/get-npm) or [yarn](https://yarnpkg.com/en/docs/install#debian-stable)\n\n### Instructions\n\n- `yarn preview`\n\n#### Static hosting\nIn order for this application to work, you'll have to be able to serve `/worker.js` from your own origin. \nThis example uses terraform to upload the worker script to Google Cloud Storage, but you are welcome to \nuse any other origin.\n- https://cloud.google.com/storage/docs/hosting-static-website\n\n#### Terraform\nIf you'd like to use terraform to upload your worker scripts, you'll need a\nvars file with the following variables\n\n```hcl\n# Cloudflare variables\nvariable \"cloudflare_email\" {\n  default = \"dmr@bell-labs.com\"\n}\n\nvariable \"cloudflare_token\" {\n  default = \"00000000000000000000000000\"\n}\n\n# GCP exmaple variables\nvariable \"project\" {\n  default = \"my-project\"\n}\n\nvariable \"zone\" {\n  default = \"buzzwords.app\"\n}\n\nvariable \"bucket\" {\n  default = \"buzzwords\"\n}\n```\nafter adding this file as `vars.tf` (terraform will pickup any `.tf` extension file) do\n`terraform init` and `terraform apply`\n\n\n### About\n[Cloudflare Workers](http://developers.cloudflare.com/workers/) allow you to write JavaScript which runs on all of Cloudflare's\n150+ global data centers.\n\n[React](https://reactjs.org) makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcloudflare%2Fworkers-react-pwa-example","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcloudflare%2Fworkers-react-pwa-example","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcloudflare%2Fworkers-react-pwa-example/lists"}