僅執行“靜態生成”時，是否真的需要在“Next.js + Redux Toolkit”應用程序中使用“next-redux-wrapper”？

Question

我計划創建一個Next.js應用程序以及用於狀態管理的Redux Toolkit 。 我只會做靜態生成（使用getStaticProps和getStaticPaths ）。

我需要使用next-redux-wrapper ( https://github.com/kirill-konshin/next-redux-wrapper ) 嗎？

我可以在不使用next-redux-wrapper 的情況下獲得靜態生成的所有好處嗎？

Answer 1

簡短的回答是 - 這不是必需的，但它使事情更方便。 即使是靜態的。

Answer 2

我會說，如果你只需要靜態生成，添加 Redux 會讓你的生活變得更加艱難。 由於getStaticProps （以及getServerSideProps ）是在服務器上完成的，每個頁面導航都會導致新的 redux 存儲，這將非常痛苦地與已經存在的客戶端狀態正確地結合。

Redux 僅在您使用經典getInitialProp初始化一次然后僅在客戶端使用時才有效。

如果您在useEffect 中仍然有很多客戶端狀態管理，那么使用 Redux 可能是有意義的，但請仔細閱讀next-redux-wrapper文檔的 hydration 部分。