zustand-indexeddb-storage

zustand-indexeddb-storage is a plugin for Zustand that allows you to persist your store's state in IndexedDB. This package makes it easy to maintain state across sessions and browser tabs.

Features

• Persist Zustand State in Indexed DB: Save and load Zustand state from Indexed DB automatically.
• Lightweight: Minimalistic design with a small footprint.

Installation

Install the package via npm or yarn:

npm install zustand-indexeddb-storage
# or
yarn add zustand-indexeddb-storage

Example

import { create } from "zustand";
import { createJSONStorage, persist } from "zustand/middleware";
import { indexedDBStorage } from "zustand-indexeddb-storage";

const useMainStore = create(
  persist(
    (...args) => ({
      ...locationSlice(...args),
      ...profileSlice(...args),
    }),
    {
      name: "main",
      storage: createJSONStorage(() => indexedDBStorage),
      partialize(state) {
        return {
          basketIds: state.basketIds
        };
      },
    }
  )
);
export default useMainStore;