Adding in changes

src/lib/redux/index.ts

@@ -0,0 +1,2 @@
+export * from './store';
+export * from './slices';

src/lib/redux/middleware.ts

@@ -0,0 +1,10 @@
+/* Core */
+import { pagesApi } from '@/services/pages'
+import { postsApi } from '@/services/posts'
+
+const middleware = [
+  postsApi.middleware,
+  pagesApi.middleware,
+]
+
+export { middleware }

src/lib/redux/rootReducer.ts

@@ -0,0 +1,7 @@
+import { pagesApi } from "@/services/pages";
+import { postsApi } from "@/services/posts";
+
+export const reducer = {
+  [postsApi.reducerPath]: postsApi.reducer,
+  [pagesApi.reducerPath]: pagesApi.reducer,
+};

src/lib/redux/slices/index.ts

@@ -0,0 +1 @@
+export * from './selectors';

src/lib/redux/slices/selectors.ts

@@ -0,0 +1,4 @@
+/* Instruments */
+import type { ReduxState } from '@/lib/redux';
+
+export const selectCount = (state: ReduxState) => state.counter.value;

src/lib/redux/store.ts

@@ -0,0 +1,30 @@
+/* Core */
+import { configureStore, type ThunkAction, type Action } from "@reduxjs/toolkit";
+import { 
+  useSelector as useReduxSelector, 
+  useDispatch as useReduxDispatch, 
+  type TypedUseSelectorHook,
+} from "react-redux";
+import { createWrapper } from "next-redux-wrapper";
+
+/* Instruments */
+import { reducer } from './rootReducer';
+import { middleware } from './middleware';
+
+export const reduxStore = () => configureStore({
+  reducer,
+  middleware: (getDefaultMiddleware) => {
+    return getDefaultMiddleware().concat(middleware);
+  }
+});
+
+/* Types */
+export type ReduxStore = ReturnType<typeof reduxStore>;
+export type ReduxState = ReturnType<ReduxStore['getState']>;
+export type ReduxDispatch = ReduxStore['dispatch'];
+export type ReduxThunkAction<ReturnType = void> = ThunkAction<ReturnType, ReduxState, unknown, Action>;
+
+export const useDispatch = () => useReduxDispatch<ReduxDispatch>();
+export const useSelector: TypedUseSelectorHook<ReduxState> = useReduxSelector;
+
+export const wrapper = createWrapper<ReduxStore>(reduxStore);