State management in NextJS v14+

Hello Community ! What is the recommended way to manage state in NextJS app from version 14. There a lot of features that seem to play the role of state managers like request memoization and caching so this is a bit confusing for me.

To better illustrate let’s take a dashboard with interactive data tables, other components that depend on user data like a settings page. I’m currently using zustand for state management but i feel like this can be improved.

Here’s what I’m currently doing :
I fetch data with server components and pass the result to a client component that keep the result in the store (backed up by local storage) and finally pass it to the component that need it (a data table for example).

Is a combination of caching + revalidate and a combination of useState and useContext a better approach for dashboard with highly interactive components ?

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.