Chapitre 8 : IndexedDB

1. Dépasser le LocalStorage

Le LocalStorage est limité et synchrone. Pour stocker de grandes quantités de données structurées, on utilise IndexedDB, une base de données NoSQL asynchrone dans le navigateur.

2. Pourquoi l'utiliser ?

• Stockage de gros volumes de données (centaines de Mo).
• Supporte les types de données complexes (objets, globs).
• Asynchrone (ne bloque pas l'interface).

3. Utiliser idb (library)

Utiliser IndexedDB brut est difficile. La bibliothèque idb facilite grandement les choses.

const db = await openDB('MaBase', 1, {
  upgrade(db) {
    db.createObjectStore('tasks');
  },
});
await db.put('tasks', { title: 'Apprendre PWA' }, 'id-1');