I would like to render composables in my nextjs pr...

# compose-web

[Alex Styl]

I would like to render composables in my nextjs project. is it somehow possible to render composables in react?

talking about composables you can find in material libraries, no the html ones.

[Oleksandr Karpovich [JB]]

This can help
https://github.com/JetBrains/compose-multiplatform/tree/repr_unbound_symbols_knative/examples/html/with-react

https://github.com/JetBrains/compose-multiplatform/tree/repr_unbound_symbols_knative/examples/html/compose-in-js

[Oleksandr Karpovich [JB]]

oops. I didnt read your question completely.

__

you want canvas based composables.
You probably can add <canvas> element with react and let compose manage it using CanvasBasedWindow or Window (if no resize required) that takes canvasId as a parameter

[Alex Styl]

thanks. just saw that the CanvasBasedWindow is used in the wasm ImageViewerWeb example.

am i forced to use gradle to achieve what I am after? trying to figure out what is the simplest way to achieve this with my current setup (nextjs/nodejs).

[Alex Styl]

right now i think that i would need 2 servers (one for nextjs and one for rendering composables). is there a simpler way?

[Oleksandr Karpovich [JB]]

While i think it's possible to manage to not use gradle for kotlin/compose projects, it would be not the simplest way to setup all dependencies and compilation manually. Kotlin provides a gradle plugin and compose multiplatform provides a gradle plugin (so this a default way to go). So the simplest solution seems to be to use gradle.

[Alex Styl]

thanks for the input