04cd1fd4ef
### What? Update **with-redux** example. ### Why? **with-redux** example have: - outdated packages - outdated approaches and relies on **pages** directory Since **app router** is stable now and is recommended to use, I've updated this example. ### How? An update includes: - move example to **app router** - update **package.json** deps to the latest versions - modernize jest by switching from **ts-node** to **@swc/jest** - fix and overhaul **tests** - modernize **redux** infra - overhaul example **source code quality** Co-authored-by: Balázs Orbán <18369201+balazsorban44@users.noreply.github.com> |
||
---|---|---|
.. | ||
app | ||
lib | ||
public | ||
.gitignore | ||
next-env.d.ts | ||
next.config.mjs | ||
package.json | ||
README.md | ||
tsconfig.json |
Redux Toolkit TypeScript Example
This example shows how to integrate Next.js with Redux Toolkit.
The Redux Toolkit is a standardized 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, 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).