Usually splitting your app state into pages
feels natural but sometimes you'll want to have global state for your app.
The concept of global state caters to both client side and server side stores with the help of a master reducer.
This is an example on how you can use redux that also works with our universal rendering approach. This is just a way you
can do it but it's not the only one. Please find other methods under the official documentation of next-redux-wrapper.
Docs: https://github.com/kirill-konshin/next-redux-wrapper
Execute create-next-app
with npm or Yarn to bootstrap the example:
git clone https://github.com/mayank7924/nextjs-with-redux
cd nextjs-with-redux
npm install
for running development server: npm run dev
for running prod like server: npm run build, npm run start
Deploy it to the cloud with Vercel (Documentation).
main: redux with Next.JS
|-starter-project: starter Next.JS app
|-redux-toolkit: redux-toolkit wuth Next.JS