rsnext/examples/with-redux-toolkit-typescript
Oscar Busk 25df53d19f
next-env.d.ts note in templates (#27983)
Hello! I was using `npx create-next-app --ts` to quickly bootstrap a basic next.js project with Typescript. It bothered me that I got git diff just from running `npm run build` inside the project, because the new notice in the `next-env.d.ts` file.

![image](https://user-images.githubusercontent.com/13413409/129115266-80e00bf3-78aa-40be-bd0f-a18aaa448a68.png)

So I went ahead and updated the `next-env.d.ts` file in [`packages/create-next-app/templates/typescript`](fb67ce9864/packages/create-next-app/templates/typescript/next-env.d.ts) to be exactly how the file looks after running once. (7417ecc09c)

Then I realized that I could probably do the same for all the `next-env.d.ts` that are spread out in the many examples, to make running those examples after cloning them feel a bit smoother. (fb67ce9864)

> However I skipped the [`with-typescript-graphql`](40f85f6d95/examples/with-typescript-graphql) example since that [`next-env.d.ts`](40f85f6d95/examples/with-typescript-graphql/next-env.d.ts (L4-L9)) actually has changes and I couldn't even run `yarn build` in that example, so I'm not sure what will happen with the `next-env.d.ts`. Someone who _gets_ that example will have to fix it I suppose.
2021-08-12 20:36:53 +00:00
..
public Simplify with redux toolkit typescript (#24161) 2021-04-20 03:09:49 +00:00
src Simplify with redux toolkit typescript (#24161) 2021-04-20 03:09:49 +00:00
.gitignore feat: add exemple with redux toolkit in typescript (#23250) 2021-03-22 03:21:13 +00:00
jest.config.ts Simplify with redux toolkit typescript (#24161) 2021-04-20 03:09:49 +00:00
next-env.d.ts next-env.d.ts note in templates (#27983) 2021-08-12 20:36:53 +00:00
package.json Clean up examples package.json (#27121) 2021-07-12 19:58:03 +00:00
README.md Update redux-toolkit-typescript README. (#23997) 2021-04-12 11:35:37 -05:00
setupTests.ts Simplify with redux toolkit typescript (#24161) 2021-04-20 03:09:49 +00:00
tsconfig.json Update tsconfig of example to be consistent with default output of next.js (#25581) 2021-06-03 22:31:14 +00:00
tsconfig.test.json Simplify with redux toolkit typescript (#24161) 2021-04-20 03:09:49 +00:00

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:

Deploy with Vercel

How to use

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

npx create-next-app --example with-redux-toolkit-typescript with-redux-toolkit-app
# or
yarn create next-app --example with-redux-toolkit-typescript with-redux-toolkit-app

Deploy it to the cloud with Vercel (Documentation).