077097b7f8
* Add licences to all example/package.json that lack them * Revert "Add licences to all example/package.json that lack them" This reverts commit 5d4e25012f7334772b8ef5924bc355277e827cba. * Update check-examples to remove `license` field from examples * Remove `license` from all examples. This was mentioned in vercel/next.js#27121 but it looks like it didn't end up being in the merge? Co-authored-by: JJ Kasper <jj@jjsweb.site> |
||
---|---|---|
.. | ||
public | ||
src | ||
.gitignore | ||
package.json | ||
README.md |
Redux Toolkit example
This example shows how to integrate Next.js with Redux Toolkit.
The Redux Toolkit is intended to be the standard way to write Redux logic (create actions and reducers, setup the store with some default middlewares like redux devtools extension). This example demonstrates each of these features with Next.js
Deploy your own
Deploy the example using Vercel:
How to use
Execute create-next-app
with npm or Yarn to bootstrap the example:
npx create-next-app --example with-redux-toolkit with-redux-toolkit-app
# or
yarn create next-app --example with-redux-toolkit with-redux-toolkit-app
Deploy it to the cloud with Vercel (Documentation).
TypeScript Setup (optional)
If you haven't already added TypeScript to your project, follow the steps in the Next.js documentation. If you are new to TypeScript, go through the Next.js learning lesson on TypeScript.
Once TypeScript is added, follow the instructions given on the Redux Toolkit documentation to set up and use Redux Toolkit and React-Redux with TypeScript