A ready-to-use boilerplate project that demonstrates how to use Next.js 13 with redux, redux-persist and next-redux-wrapper.
When looking for a solution to persist a redux store with the latest Next.js version 13, I was unable to find an out-of-the-box solution. There were always pitfalls here and there and after lengthy Google and StackOverflow research, I decided to publish my solution on GitHub for everyone to copy and use.
Inspired by the repository with-next-redux-wrapper-redux-persist.
- Latest Next.js version 13
- Redux for state management with redux toolkit (as recommended by the redux creators)
- Redux Persist for persistent state storage
- Next Redux wrapper to connect Redux and Next.js
- Basic ToDo app as an example
To get started with this boilerplate project, follow the steps below:
Before you begin, ensure you have the following installed:
- Node.js: Make sure you have Node.js installed on your machine.
- Clone the repository:
git clone https://github.com/yourusername/next-redux-persist-wrapper-boilerplate.git
- Navigate to the project directory:
cd next-redux-persist-wrapper-boilerplate
- Install the dependencies:
npm install
Once the dependencies are installed, you can run the project using the following command:
npm run dev
This will start the development server. Open your web browser and navigate to http://localhost:3000
to see the app in action.
This project makes use of the following technologies and libraries:
- Next.js
- Redux
- Redux Persist
- next-redux-wrapper
Contributions are welcome! To contribute to this project:
- Fork the repository.
- Create a new branch for your feature or bug fix.
- Make your changes and commit them.
- Push your changes to your fork.
- Submit a pull request to this repository.
Please make sure to follow the code of conduct when contributing.
This project is licensed under the MIT License. See the LICENSE file for details.
If you have any questions or suggestions, feel free to reach out to me:
GitHub: https://github.com/matboehm