Giter Site home page Giter Site logo

ssr-workers's Introduction

SSR WorkeRS

Small demo of creating a Cloudflare Worker to render a Sycamore application and hydrate it client side.

The demo needs:

Usage

Running locally:

$ npx miniflare@next

Building just the app:

$ cd app
$ trunk build # or watch

Watching for changes of the worker:

$ cd worker
$ cargo watch -- worker-build --dev
# Second Terminal
$ npx miniflare@next --watch

Notes:

  • There is a very weird bug that corrupts the returned HTML, if I don't clone the string.
  • The Cloudflare builtin router is not very good for this usecase, due to the lack of support for multiple and overlapping wildcard matches, e.g. a route for static files /*.*.
  • There is no good way to modify <meta> tags and data, this might need an additional templating layer.
  • A very minimal setup already needs 500kb of only 1000kb available, this might not leave enough space for an actual application.
  • I dont currently have a way to watch the files and auto-reload the worker, this is annoying!
  • The app entrypoint needs sycamore::hydrate_to, this does not work in standalone mode without SSR, this is annoying!
  • A lot of APIs are missing, incomplete or not usable (e.g. needs git version to access KV value as bytes, no cache API).
  • workers-rs feels like a PoC not like something people actually used.

ssr-workers's People

Contributors

dav1dde avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.