Hi, I'm pretty new to next js
I'm currently fetching data from client side for a page, now part of this data is useful for my dynamic route.
how can i share this data between the two pages. consider the api is conservative and would like to avoid the api call inside the dynamic route to get the same data.
thanks!
#How to share data between pages
gaunt wind
median vault
I believe that what you'll need to do is fetch your data and store it in state which is then accessed by both pages.
https://indepth.dev/posts/1487/deep-dive-into-state-management-with-react-and-nextjs is a good article that outlines different approaches.
zealous crest
Hi, I'm pretty new to next js
I'm currently fetching data from client side for a...
you can leverage useQuery. The lib caches the https response and get the data from the cache from any page. if you need an example let me know.
also you can create React context and wrap in _app.tsx here you can share state between pages.
green garden
you can try https://tanstack.com/query/v4 so you dont have to be bothered with multiple api calls
