Next JS has now Caching enabled by default. There are like four mechanisms of caching that's being listed in their documentation.
For now I have opted for Client Side Rendering as a workaround for disabling cache in Next JS. I tried disabling the cache by following the methods mentioned in the documentation but doesn't seem like it's working for me.
Need to learn more about the Server Components architecture and how Next JS is handing the data cache.
The expected behaviour for the application is to reflect the changes as soon as possible, and the only way to achieve that is to allow Next JS call the backend API on every page load.
Next JS caches the data on initial build and it also memoizes the requests itself during build time in order to reduce the number of requests being sent out.
The opting-out methods depends on what kind of caching mechanism Next JS is using and finding out right caching mechanism that is being used has been a real headache for me.
Issues regarding caching in Next JS
Next JS has now Caching enabled by default. There are like four mechanisms of caching that's being listed in their documentation.
Will solve this as soon as possible.