Hands-On: Lazy Graphics Pipeline

A hack session on conflict-tolerant, local-first collaboration. You start from a pipeline that silently drops one edit on a conflict, and make it detect, visualise and resolve conflicts instead.

Starter

The exercise. A working pipeline that silently drops one edit on a conflict. Your job: detect, visualise, and resolve. See EXERCISE.md inside.

Download starter.zip

Solution

The complete reference implementation — peek if you get stuck, or compare once you're done.

Download solution.zip

Quick start

  1. Unzip and open a terminal in the folder.
  2. Run the commands below, then open http://localhost:5173.
  3. Click “Open 2nd window”, take one of them offline, wire the same input differently in each, then go back online to create a conflict. 
npm install
npm run dev