Skip to content
A framework for blazor which acts as an interface to IndexedDB
Branch: master
Clone or download
Latest commit 66bd4de Aug 23, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
src/Blazor.IndexedDB.Framework GetChanged now returns in yield and IEnumerable instead of IList Jul 12, 2019
LICENSE Initial commit Jun 24, 2019 Update Aug 23, 2019
_config.yml Set theme jekyll-theme-cayman Jun 24, 2019
logo.png Added 64x64 logo Jul 10, 2019
logo.svg Added logo (svg) Jul 10, 2019

NuGet Status


An easy way to interact with IndexedDB and make it feel like EFCore but async.

NuGet installation

PM> Install-Package Reshiru.Blazor.IndexedDB.Framework

Current features

  • Connect and create database
  • Add record
  • Remove record
  • Edit record

Planned features or optimizations

  • FK implementation
  • Optimize change tracker (currently using snapshotting mechanism based using hashes)
  • Query data without loading everything first (Switch to C# 8.0 and use async yield)
  • Remove PK dependencies from IndexedSet
  • Versioning (eg. merging database)
  • SaveChanges should await all transactions and rollback everything within the scope if something went wrong while other data was already saved.


Because my time is currently very limited, I'm not able to contribute for the time beeing. Also I would highly appreciate any external contribution to the project.

How to use

  1. In your startup.cs file add
services.AddSingleton<IIndexedDbFactory, IndexedDbFactory>();

IIndexedDbFactory is used to create your database connection and will create the database instance for you. IndexedDbFactory requires an instance IJSRuntime, should normally already be registered.

  1. Create any code first database model you'd like to create and inherit from IndexedDb. (Only properties with the type IndexedSet<> will be used, any other properties are beeing ignored)
public class ExampleDb : IndexedDb
  public ExampleDb(IJSRuntime jSRuntime, string name, int version) : base(jSRuntime, name, version) { }
  public IndexedSet<Person> People { get; set; }
  • Your model (eg. person) should contain an Id property or a property marked with the key attribute.
public class Person
  public long Id { get; set; }
  public string FirstName { get; set; }
  public string LastName { get; set; }
  1. Now you can start using your database. (Usage in razor via inject: @inject IIndexedDbFactory DbFactory)

Adding records

using (var db = await this.DbFactory.Create<ExampleDb>())
  db.People.Add(new Person()
    FirstName = "First",
    LastName = "Last"
  await db.SaveChanges();

Removing records

Note: To remove an element it is faster to use a already created reference. You should be able to also remove an object only by it's id but you have to use the .Remove(object) method (eg. .Remove(new object() { Id = 1 }))

using (var db = await this.DbFactory.Create<ExampleDb>())
  var firstPerson = db.People.First();
  await db.SaveChanges();

Modifying records

using (var db = await this.DbFactory.Create<ExampleDb>())
  var personWithId1 = db.People.Single(x => x.Id == 1);
  personWithId1.FirstName = "This is 100% a first name";
  await db.SaveChanges();


Copyright (c) Joel Kessler. All rights reserved.

Licensed under the MIT license.

You can’t perform that action at this time.