IndexedDB Introduction

IndexedDB

IndexedDB is a low-level, transactional client-side database for storing large amounts of structured data. It supports indexes, queries, and stores any serializable JavaScript value.

Example

// Open database
const request = indexedDB.open("myDB", 1);

request.onupgradeneeded = (event) => {
  const db = event.target.result;
  const store = db.createObjectStore("users", { keyPath: "id" });
  store.createIndex("name", "name");
};

request.onsuccess = (event) => {
  const db = event.target.result;
  const tx = db.transaction("users", "readwrite");
  tx.objectStore("users").add({ id: 1, name: "Alice" });
};

JAVASCRIPT

Full Editor

Pro Tip

Use the idb library (by Jake Archibald) for a Promise-based IndexedDB wrapper — the raw API is callback-heavy.

Related Resources

JavaScript Reference

Complete tag & property list

JavaScript How-To Guides

Step-by-step practical guides

JavaScript Exercises

Practice what you've learned