Implementing redux in next.js 13 is very easy.
import { createSlice } from "@reduxjs/toolkit";
const initialState = {
isLoggedIn: false,
user: null,
};
export const userSlice = createSlice({
name: "user",
initialState,
reducers: {
login: (state, action) => {
state.isLoggedIn = true;
state.user = action.payload;
},
logout: (state) => {
state.isLoggedIn = false;
state.user = null;
},
},
});
export const { login, logout } = userSlice.actions;
export default userSlice.reducer;
import { configureStore } from "@reduxjs/toolkit";
import userReducer from "./slices/user";
export const store = configureStore({
reducer: {
user: userReducer,
},
});
For complete source code visit : https://freecodez.com/post/tez2igk
Thank You!