Cool idea and implementation. Question: If the “initial render” of client side code involves JavaScript mounting nodes on the DOM, how is this transformed into static HTML that can be rendered without JavaScript? Does headless chrome offer a way to “snapshot” the DOM in its current state (basically like copy pasting the “elements” pane in dev tools)? Just wondering if there is a term for this, and/or where it’s docum…
It's all about using the chrome-devtools-protocol, if you are interested, you may want to read about it in https://chromedevtools.github.io/devtools-protocol/1-2
>If the “initial render” of client side code involves JavaScript mounting nodes on the DOM
That's the raison d'être of rendora, if your website doesn't add DOM nodes using some javascript framework (e.g. React, Vue, etc..)in client, basically the HTML will be exactly the same and thus you don't need rendora in that case