Managing user's global state on next.js application

node.js next.js server-side-rendering react-state-management global-state
Pavle picture Pavle · Jul 12, 2019 · Viewed 12.3k times · Source

I am coming from the world of SPA's and REST/GraphQl API's. Now I am building personal project with Next.js library for SSR(Server Side Rendered) React App.

Since I used Redux in all of my single page Apps, I'm now wondering how should I manage user state when every route user visits, a new link is loaded and the page has been refreshed.

I found some info about sessions and cookies, but neither of those are familiar to me. I looked at some online articles about using Redux with Next.js but it seems complicated.

Answer

felixmosh picture felixmosh · Oct 26, 2019

Let's simplify how Next works, browser sends a request to the server, Next renders on server side, returns an html, then, Next re-hydrate the page, and from now it behaves as SPA.

Next has an example folder basically for every technology including redux.

Checkout the redux example.

Related questions

Cannot use import statement outside modules

I am using NextJS with typescript, mongo Atlas, mongoose, node and express. I am getting the following error when I run node pages/server: I have uploaded my package.json file and have added babel as well import express from …

Read More
Trigger client-side reload in next.js

Scenario The index page uses "getInitialProps" to load data. Then we create a dialog which can create a new data. After creating a new data, the current page should be reloaded. Problem We use Router.replace('/') to reload …

Read More
Next.js return the 404 error page in getInitialProps

Currently I am following this example on how to redirect users in getInitialProps https://github.com/zeit/next.js/wiki/Redirecting-in-%60getInitialProps%60 The problem is, if I want to return 404 like this, it will return a blank page instead of …

Read More