9f9214abe5
This PR updates the docs and examples for `create-next-app` to include pnpm usage.
The following script was used to update every example README:
```js
const fs = require('fs')
const examples = fs.readdirSync('./examples')
for (let example of examples) {
const filename = `./examples/${example}/README.md`
const markdown = fs.readFileSync(filename, 'utf8')
const regex = new RegExp(`^yarn create next-app --example (.*)$`, 'gm')
const output = markdown.replace(regex, (yarn, group) => {
const pnpm = `pnpm create next-app -- --example ${group}`
return `${yarn}\n# or\n${pnpm}`
})
fs.writeFileSync(filename, output)
}
```
|
||
|---|---|---|
| .. | ||
| public | ||
| src | ||
| .gitignore | ||
| jest.config.ts | ||
| next-env.d.ts | ||
| package.json | ||
| README.md | ||
| setupTests.ts | ||
| tsconfig.json | ||
| tsconfig.test.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 or Yarn to bootstrap the example:
npx create-next-app --example with-redux with-redux-app
# or
yarn create next-app --example with-redux with-redux-app
# or
pnpm create next-app -- --example with-redux with-redux-app
Deploy it to the cloud with Vercel (Documentation).