Next.js本番環境のズレ問題、どう対処してますか？

Question

最近、Next.jsを使ったプロジェクトで本番環境における表示ズレ問題に直面しています。特に、Hydration mismatchエラーが出ることがあり、その解決策としてサーバーとクライアントのキャッシュ設定を見直す必要があると考えています。

Next.js 16.2からはHydration mismatchエラーに+ Client / - Serverラベルがつくことで、問題の特定がしやすくなりました。しかし、根本的な解決には至っておらず、どこから手をつけるべきか迷っています。特に、Cache（プリレンダリング）やStream（非同期ストリーミング）といった手法をどう使い分けるかが悩みの種です。

皆さんはどのような方法で本番環境ズレを防いでいるか聞いてみたいです。また、公式ドキュメント以外で役に立つリソースがあれば教えてください。

Next.js本番環境のズレ問題、どう対処してますか？

相談内容