This example shows how to integrate Next.js with Redux Toolkit.

Redux Toolkit(also known as "RTK" for short) provides a standardized way to write Redux logic. It includes utilities that help simplify many common use cases, including store setup, creating reducers and writing immutable update logic, and even creating entire "slices" of state at once. This example showcases each of these features in conjunction with Next.js.

Execute create-next-app with npm, Yarn, or pnpm to bootstrap the example:

npx create-next-app --example with-redux with-redux-app

yarn create next-app --example with-redux with-redux-app

pnpm create next-app --example with-redux with-redux-app

Deploy it to the cloud with Vercel (Documentation).