This isnt a new topic, I can see the solution others have done to implement ReactQuill together with NextJS, however my issue is a little more nuanced.
I use ReactQuill to not only write blogs but I use it to display them as well (unless there is a better solution to display delta's)
In my server side NextJS page I import my component housing 'react-quill' using dynamic import
The problem with this is I lose the benefit of SSR almost entirely, the reason for SSR is for caching articles. Not all search engines are good at rendering Javascript. I also get lower get lower ranking points with "First to Paint" being slower now because the article is rendered on the client side.
is there a way to "spoof" document on server side and trick it into rendering HTML components on the server side? Or is there an alternative rendering library I can use for rendering my stored JSON delta structure? { ops: [...] }
This isnt a new topic, I can see the solution others have done to implement ReactQuill together with NextJS, however my issue is a little more nuanced.
I use ReactQuill to not only write blogs but I use it to display them as well (unless there is a better solution to display delta's)
In my server side NextJS page I import my component housing
'react-quill'using dynamic importThe problem with this is I lose the benefit of SSR almost entirely, the reason for SSR is for caching articles. Not all search engines are good at rendering Javascript. I also get lower get lower ranking points with "First to Paint" being slower now because the article is rendered on the client side.
is there a way to "spoof"
documenton server side and trick it into rendering HTML components on the server side? Or is there an alternative rendering library I can use for rendering my stored JSON delta structure?{ ops: [...] }