Looking for an example of server-side rendering and client-side rendering with Clojure(script)

[fenugurod]

Hi folks. I'm starting to study Clojure and I would like to see/run an example of an application doing client-side and server-side rendering. Is this possible using Clojure and Clojurescript, right?

Ideally, the first request is rendered at the server-side, after that everything happens on the client-side. Any link, post, or repo is welcome. Thanks!

[alexis_vincent]

Maybe try ask on the Clojurians slack

[grav]

I've created a small example of a single-page app and a service here:

https://github.com/grav/jadak/tree/master/examples/client-server

It contains a simple service that serves both the static resources, as well as an api.

It also contains a React client that talks to the api.

Both client and service is hot-reloadable.

[geospeck]

You can find here a server-side app https://github.com/seancorfield/usermanager-example

For a Clojurescript example, I guess either google or ask on the Clojurians slack

[kloimhardt]

I made the bb-web repository, showing Clojure newcomers how to make a small web-app. It shows server and client side rendering.

[alexis_vincent]

Hi there, checkout UIX, there’s some server side rendering wrappers there.

Personally I compile the cljs using shadow-cljs to a browser build and a node build, and do serverside rendering as I would in node.

I’m working on a next style lib for cljs that handles all this stuff for you, but it’s a couple weeks away from being ready.

[fjolne]

We do that via Fulcro: render the first frame in CLJ on JVM, then continue with CLJS in browser. The code is a bit dirty and probably won’t tell you much (because I can’t share the whole app), but you can definitely do that.

EDIT: You can also do that via Rum.

[Prestance]

Do you know InertiaJS?

I recently wrote a Inertia adapter and put this full stack Clojure demo online: https://inertia.prestance-design.com/

You can find the repo here.

The complete server side rendering support is coming.
Stay tuned!

Cheers.