Что такое IndexedDB?

Разберёмся

IndexedDB — встроенная в браузер NoSQL-база для большого объёма структурированных данных на стороне клиента. Асинхронная, транзакционная, с индексами.

Подходит для офлайн-приложений, черновиков, кэша объектов, когда localStorage уже мало/неудобен.

Особенности

• хранит почти любые JS-значения (structured clone), не только строки;
• квоты больше, чем у Web Storage;
• API на событиях/IDBRequest (часто берут обёртки вроде idb);
• работает и в service worker.

const request = indexedDB.open("my-db", 1);
request.onupgradeneeded = (event) => {
  const db = event.target.result;
  db.createObjectStore("notes", { keyPath: "id" });
};
request.onsuccess = () => {
  const db = request.result;
  const tx = db.transaction("notes", "readwrite");
  tx.objectStore("notes").put({ id: 1, text: "hello" });
};

Сравнение коротко

localStorage — синхронный key-value для мелочей; IndexedDB — асинхронная БД для серьёзных данных. Не путать с cookie.