All Projects → cloudflare → workers-react-pwa-example

cloudflare / workers-react-pwa-example

Licence: BSD-3-Clause license
No description or website provided.

Programming Languages

javascript
184084 projects - #8 most used programming language
HCL
1544 projects

Projects that are alternatives of or similar to workers-react-pwa-example

ultron-ele
The world’s fastest LMS engine based on Gatsby -- Deliver knowledge with fun!
Stars: ✭ 27 (-66.25%)
Mutual labels:  server-side-rendering
voe
🐙 Resumable SSR framework.
Stars: ✭ 685 (+756.25%)
Mutual labels:  server-side-rendering
vue-js-laravel-multi-ssr
Source code for the article "Advanced Server-Side Rendering With Laravel & Vue: Multi-Page App"
Stars: ✭ 37 (-53.75%)
Mutual labels:  server-side-rendering
vue-ssr-example
Ready for use Example for Vue + Vuex + TS + SSR + Jest
Stars: ✭ 23 (-71.25%)
Mutual labels:  server-side-rendering
awesome-cloudflare-workers
😎 Awesome Cloudflare Workers
Stars: ✭ 335 (+318.75%)
Mutual labels:  cloudflare-workers
doh-cf-workers
DNS-over-HTTPS proxy on Cloudflare Workers
Stars: ✭ 103 (+28.75%)
Mutual labels:  cloudflare-workers
koa-react-redux-universal-boilerplate
[Unmaintained] A fullstack Koa + React + Redux Universal Boilerplate to speed up your development process.
Stars: ✭ 22 (-72.5%)
Mutual labels:  server-side-rendering
workers-unsplash-api
Serverless API for requesting images from Unsplash's API, designed for use with a React frontend
Stars: ✭ 20 (-75%)
Mutual labels:  cloudflare-workers
webpack-isomorphic
A lightweight solution for the server-side rendering of Webpack-built applications.
Stars: ✭ 21 (-73.75%)
Mutual labels:  server-side-rendering
GranblueParty
Frontend and Backend of granblue.party website
Stars: ✭ 18 (-77.5%)
Mutual labels:  server-side-rendering
moveIt
⏱️ Recupere o foco e seja mais produtivo com o Move.it!
Stars: ✭ 17 (-78.75%)
Mutual labels:  server-side-rendering
affilicats
🐈 Progressive Web App demo that showcases flaky network resilience measures (📶 or 🚫📶).
Stars: ✭ 65 (-18.75%)
Mutual labels:  progressive-web-apps
untool
JavaScript tooling platform that focuses on universal React applications. Supports advanced features such as hot-reloading, static and dynamic server side rendering and code splitting.
Stars: ✭ 18 (-77.5%)
Mutual labels:  server-side-rendering
ethtools
A collection of useful tools for Ethereum users and developers alike
Stars: ✭ 83 (+3.75%)
Mutual labels:  cloudflare-workers
docker-bare-infra
Docker based, minimal infrastructure boilerplate, with MySQL, WordPress, a React application and Nginx
Stars: ✭ 11 (-86.25%)
Mutual labels:  server-side-rendering
plug-react
React components and hooks to plug your React applications into Croct.
Stars: ✭ 76 (-5%)
Mutual labels:  server-side-rendering
shopping-list-react-pouchdb
Shopping List is an Offline First demo Progressive Web App built using React and PouchDB.
Stars: ✭ 27 (-66.25%)
Mutual labels:  progressive-web-apps
react-loadable-ssr-addon
Server Side Render add-on for React Loadable. Load splitted chunks was never that easy.
Stars: ✭ 68 (-15%)
Mutual labels:  server-side-rendering
reader
get a reader mode sharable url for any url - built with cloudflare workers https://reader.tuananh.net
Stars: ✭ 24 (-70%)
Mutual labels:  cloudflare-workers
remix-guide
A platform for sharing everything about Remix
Stars: ✭ 197 (+146.25%)
Mutual labels:  cloudflare-workers

Cloudflare GraphQL Gateway

Workers React Example

Combining the power of Cloudflare Workers and React will allow you to render the same React code you would on the browser on Cloudflare Workers.

Dependencies

Instructions

  • yarn preview

Static hosting

In order for this application to work, you'll have to be able to serve /worker.js from your own origin. This example uses terraform to upload the worker script to Google Cloud Storage, but you are welcome to use any other origin.

Terraform

If you'd like to use terraform to upload your worker scripts, you'll need a vars file with the following variables

# Cloudflare variables
variable "cloudflare_email" {
  default = "[email protected]"
}

variable "cloudflare_token" {
  default = "00000000000000000000000000"
}

# GCP exmaple variables
variable "project" {
  default = "my-project"
}

variable "zone" {
  default = "buzzwords.app"
}

variable "bucket" {
  default = "buzzwords"
}

after adding this file as vars.tf (terraform will pickup any .tf extension file) do terraform init and terraform apply

About

Cloudflare Workers allow you to write JavaScript which runs on all of Cloudflare's 150+ global data centers.

React 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.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].