Skip to main content

Tutorial: An Automerge todo list

Automerge is a suite of tools for building local-first web applications with real-time synchronization that works on and offline.

In this tutorial, you'll build a local-first multiplayer app with TypeScript, React, Vite, and Automerge. You'll discover how to:

  • Represent data as Automerge Documents
  • Change documents' data and merge changes from different peers
  • Store & synchronize a set of documents in an Automerge Repository
  • Build a multiplayer realtime web app with the Automerge React client
The app in action. Data is stored locally, and Automerge syncs changes between users automatically.