Integration with SSG, blogs etc

[Aneeqasif]

Hi there I use astro with markdown for my blog, how can I integrate marimo in a clean way , using iframe just dont feel like a integrated element,
I would like to

• add code blocks with marimo directive like ```python {marimo=true} for example
• share state between these code blocks
• show the output of cells
• add content in markdown in between the cells with all other features that remark/expressive-code etc provides

Can you please share any ideas that are not too hard to implement?

[Aneeqasif]

Some thing close to what i want:
https://widget.pondpilot.io/ (but the state is not shared)
https://blog.klipse.tech/python/2021/02/07/blog-python.html
https://github.com/viebel/klipse

[aszenz]

See Marimo Islands:

https://docs.marimo.io/guides/exporting/?h=#embed-marimo-outputs-in-html-using-islands

[Aneeqasif]

See Marimo Islands:

https://docs.marimo.io/guides/exporting/?h=#embed-marimo-outputs-in-html-using-islands

thanks for the response
so i have to first create them using python and then import that html in the page right?
is there js only solution?