Get started with dexie CDN

Apache-2.0 licensed

Dexie is a lightweight and efficient indexed database for web browsers using only JS.

Tags:

indexeddb
browser
database

Stable version

https://cdn.cdnhub.io/dexie/4.0.10/dexie.min.js Copied!

How to start using dexie CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with dexie CDN - cdnhub.io</title>
  <script src="https://cdn.cdnhub.io/dexie/3.2.6/dexie.min.js"></script>
</head>
<body>
  <button id="createTable">Create Table</button>
  <button id="addItem">Add Item</button>
  <button id="getItems">Get Items</button>

  <script>
    const db = new Dexie("MyDB");

    db.version(1).stores({
      items: "id, name, age"
    });

    document.getElementById("createTable").addEventListener("click", () => {
      db.open().then(() => {
        console.log("Table created");
      });
    });

    document.getElementById("addItem").addEventListener("click", () => {
      db.items.add({ name: "John Doe", age: 30 });
    });

    document.getElementById("getItems").addEventListener("click", () => {
      db.items.toArray().then(items => {
        console.log(items);
      });
    });
  </script>
</body>
</html>

https://cdn.cdnhub.io/dexie/4.0.10/dexie.js Copied!

https://cdn.cdnhub.io/dexie/4.0.10/dexie.js.map Copied!

https://cdn.cdnhub.io/dexie/4.0.10/dexie.min.js Copied!

https://cdn.cdnhub.io/dexie/4.0.10/dexie.min.js.map Copied!

https://cdn.cdnhub.io/dexie/4.0.10/dexie.mjs.map Copied!

https://cdn.cdnhub.io/dexie/4.0.10/modern/dexie.min.mjs.map Copied!

https://cdn.cdnhub.io/dexie/4.0.10/modern/dexie.mjs.map Copied!

Get started with dexie CDN

Stable version

How to start using dexie CDN

All versions