Hello,

Configuring Emotion to work in conjunction with Next.js within the App Router and Page Router, can be complex. To mitigate this challenge, tss-react offers tools that greatly simplify the process of setting up Emotion SSR in Next.js.

Documentation: tss-react SSR in Next.js

However, I believe these utilities would be even more valuable if integrated directly into Emotion. These tools don't have anything unique to tss-react; instead, they essentially implement the snippets of code graciously shared by @Andarist across various issues, encapsulating them into a clear, minimal API.

Setup with App Router:

Setup with Pages Router:

These utilities have been widely used and thoroughly battle-tested.

I would be more than willing to transfer my code over to your repository if it would be beneficial.

Best Regards,