https://github.com/cassidoo/next-context-example
Here's an example of using React Context and useReducer with Next.js for state management.
https://github.com/cassidoo/next-context-example
netlify nextjs react
Last synced: about 2 months ago
JSON representation
Here's an example of using React Context and useReducer with Next.js for state management.
- Host: GitHub
- URL: https://github.com/cassidoo/next-context-example
- Owner: cassidoo
- Created: 2021-03-18T20:50:23.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2021-03-18T21:46:37.000Z (about 4 years ago)
- Last Synced: 2025-02-25T13:56:16.439Z (2 months ago)
- Topics: netlify, nextjs, react
- Language: JavaScript
- Homepage: https://next-context-example.netlify.app/
- Size: 302 KB
- Stars: 23
- Watchers: 2
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Next.js Context Example
[](https://app.netlify.com/sites/next-context-example/deploys)
Here's an example of using React Context and useReducer with Next.js for state management. If you'd like to read more, [check out this blog post](https://www.netlify.com/blog/2020/12/01/using-react-context-for-state-management-in-next.js/?utm_source=twitter&utm_medium=reactcontext-cs&utm_campaign=devex-cs)!
[](https://app.netlify.com/start/deploy?repository=https://github.com/cassidoo/next-context-example&utm_source=github&utm_medium=nextcontext-cs&utm_campaign=devex-cs)
(If you click this button, it will create a new repo for you that looks exactly like this one, and sets that repo up immediately for deployment on Netlify)
## Getting Started
First, run the development server:
```bash
npm run dev
# or
yarn dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.
### Installation options
**Option one:** One-click deploy
[](https://app.netlify.com/start/deploy?repository=https://github.com/cassidoo/next-context-example&utm_source=github&utm_medium=nextcontext-cs&utm_campaign=devex-cs)
**Option two:** Manual clone
1. Clone this repo: `git clone https://github.com/cassidoo/next-netlify-starter.git`
2. Navigate to the directory and run `npm run dev`
3. Make your changes
4. Connect to [Netlify](https://url.netlify.com/Bk4UicocL) manually (the `netlify.toml` file is the one you'll need to make sure stays intact to make sure the export is done and pointed to the right stuff)