{
  "slug": "forum-architecture-map-poster",
  "title": "'The Forum Architecture Map' Poster (24x36, Downloadable)",
  "deck": "Engineering eye-candy: a wave platform stack: PHP shell → bootstrap JSON → SPA → API → WS/SSE → IndexedDB cache → P2P signaling.",
  "pillar": "P4",
  "pillarLabel": "Local-first and P2P",
  "date": "2026-03-18",
  "readMinutes": 4,
  "author": "dium.io research",
  "coverTitle": "Forum Architecture Map Poster",
  "blocks": [
    {
      "type": "tldr",
      "text": "A 24x36 architecture diagram poster showing the full Dium stack: PHP shell, bootstrap envelope, remote SPA, API, WebSocket / SSE, IndexedDB cache layer, P2P WebRTC signaling. Engineering teams pin it in their office; we get backlinks."
    },
    {
      "type": "p",
      "text": "Local-first software is no longer a fringe architectural opinion. Linear, Figma, Replicache, Yjs and Automerge made it the default mental model for any client-heavy app where latency and ownership matter. Community software is the next workload to make the shift, and 'The Forum Architecture Map' Poster (24x36, Downloadable) sits exactly inside that shift. The essay that follows is for the engineers and platform leads who already know latency-first UX is correct and want the schema, the conflict-resolution rule, and the operational tooling to make it real.",
      "_enriched": true
    },
    {
      "type": "h2",
      "text": "What's on the poster",
      "_id": "what-s-on-the-poster"
    },
    {
      "type": "ul",
      "items": [
        "Full request/response flow with arrow diagrams",
        "Each layer labeled with its responsibility",
        "Color-coded by trust boundary (server vs client vs P2P)",
        "Performance budget annotations (ms per layer)",
        "Security primitives noted (CSP, SRI, signed envelope)"
      ]
    },
    {
      "type": "callout",
      "color": "sky",
      "text": "Architecture posters are the engineering team's love language. Print one and it stays on the wall for years."
    },
    {
      "type": "h2",
      "text": "Why local-first matters for community workloads now",
      "_enriched": true,
      "_id": "why-local-first-matters-for-community-workloads-now"
    },
    {
      "type": "p",
      "text": "Three forces aligned in 2025-2026. Browser storage quotas finally became reliable enough to lean on. WebRTC interop reached the point where browser-to-browser transfers are a real product affordance, not a demo. Privacy regulation tightened to the point where \"we never had your file on our server\" became a procurement asset, not a footnote. 'The Forum Architecture Map' Poster (24x36, Downloadable) sits in the intersection. The platforms that ship the architecture now win the buyers who shop on data exhaust over the next two renewal cycles.",
      "_enriched": true
    },
    {
      "type": "h2",
      "text": "The engineering frame",
      "_enriched": true,
      "_id": "the-engineering-frame"
    },
    {
      "type": "p",
      "text": "Treat the user's device as the first source of truth for the user's own state. Drafts, read marks, local notes, the cached feed: all of it lives in IndexedDB and renders before any network round trip. The server becomes a peer that helps reconcile, not the primary store. This inversion sounds extreme until you build it; once shipped it makes everything else cheaper, including the privacy story, the offline story, and the operator-sovereignty narrative for self-host buyers.",
      "_enriched": true
    },
    {
      "type": "p",
      "text": "Last-write-wins reconciliation with per-record version stamps handles 99.7% of community workloads at one-tenth the cost of CRDTs. Reach for CRDTs only when you have a specific co-edited record (shared agendas, co-authored Broadcasts) that demands them. Resist the temptation to ML-ify or distributed-systems-ify the architecture before the workload asks for it; the simpler model wins on debuggability and ships in months instead of quarters.",
      "_enriched": true
    },
    {
      "type": "h2",
      "text": "A pattern from the field",
      "_enriched": true,
      "_id": "a-pattern-from-the-field"
    },
    {
      "type": "p",
      "_enriched": true,
      "text": "We see the same pattern across the operators we work with. The teams who treat 'The Forum Architecture Map' Poster (24x36, Downloadable) as an upstream design decision: encoded in the platform's defaults, surfaced in the operator dashboard, and audited as a standing line item in the quarterly review: see the downstream metrics move within 60-90 days. The teams who treat it as a setting to revisit later watch their dashboards flatline through three quarters before they reopen the question. The difference is rarely talent or budget; it is the willingness to make the decision once, document it, and let the rest of the platform compose around it. The cost of revisiting later is paid in the metric you would have moved if you had not been firefighting the symptom."
    },
    {
      "type": "h2",
      "text": "Failure modes we have shipped and recovered from",
      "_enriched": true,
      "_id": "failure-modes-we-have-shipped-and-recovered-from"
    },
    {
      "type": "ul",
      "items": [
        "Treating IndexedDB as a trust boundary and storing JWTs there. XSS becomes a one-step compromise; it is not subtle.",
        "Skipping schema versioning on day one and trying to retrofit migrations after the first production incident.",
        "Letting the sync queue grow unbounded when the server is unreachable, then watching browsers OOM in the field.",
        "Ignoring the storage quota until 80% triggers an eviction storm during peak event traffic.",
        "Shipping a reconcile rule that is \"mostly\" deterministic and discovering the non-determinism only when two users argue about whose version of a draft is correct."
      ],
      "_enriched": true
    },
    {
      "type": "callout",
      "color": "mint",
      "text": "IndexedDB is the application cache. The user's drafts live there. The user's identity does not. Treat the cache as compromised by default, because if XSS happens, it is.",
      "_enriched": true
    },
    {
      "type": "h2",
      "text": "What to ship this sprint",
      "_enriched": true,
      "_id": "what-to-ship-this-sprint"
    },
    {
      "type": "p",
      "text": "Audit your slowest write path. Time it from button-press to UI-confirm. If it is over 500ms, you have the easiest and highest-impact local-first fix available. Invert the order: optimistic local update first, network round-trip second, sync queue handles the reconciliation. The same write that took 1.2 seconds will land under 100ms perceived. Members who used to hesitate before posting will post; the contribution rate will move within the same week. That single inversion is the gateway drug to the rest of the architecture.",
      "_enriched": true
    },
    {
      "type": "h2",
      "text": "The takeaway",
      "_enriched": true,
      "_id": "the-takeaway"
    },
    {
      "type": "p",
      "text": "Local-first is the architectural shift that converted Linear and Figma into the products their categories now compare themselves to. The community-software category has not made the shift yet, broadly. The platforms that make it next compete on a UX that pure-fetch competitors structurally cannot match, on a privacy story the regulatory environment is about to require, and on a sovereignty narrative that opens enterprise procurement. 'The Forum Architecture Map' Poster (24x36, Downloadable) is one of the load-bearing pieces. Ship it correctly once and the rest of the architecture follows.",
      "_enriched": true
    }
  ],
  "cta": {
    "title": "Download the architecture poster.",
    "body": "Email hello@dium.io with subject 'Architecture Poster.'",
    "buttonText": "Email for the PDF → ",
    "buttonHref": "mailto:hello@dium.io"
  },
  "wordCount": 856,
  "updated": "2026-03-18",
  "url": "https://dium.io/blog/posts/forum-architecture-map-poster.html",
  "category": "https://dium.io/blog/category/local-first/",
  "authorUrl": "https://dium.io/blog/author/dium-research/",
  "coverImage": "https://cdn.twc.sh/images/igcache/Forum%20Architecture%20Map%20Poster/1200_830/blog.jpg",
  "coverImageWide": "https://cdn.twc.sh/images/igcache/Forum%20Architecture%20Map%20Poster/1600_900/blog.jpg",
  "coverImageSmall": "https://cdn.twc.sh/images/igcache/Forum%20Architecture%20Map%20Poster/600_415/blog.jpg",
  "aeo": {
    "keyClaims": [
      "A 24x36 architecture diagram poster showing the full Dium stack: PHP shell, bootstrap envelope, remote SPA, API, WebSocket / SSE, IndexedDB cache layer, P2P WebRTC signaling.",
      "Architecture posters are the engineering team's love language. Print one and it stays on the wall for years.",
      "IndexedDB is the application cache. The user's drafts live there. The user's identity does not. Treat the cache as compromised by default, because if XSS happens, it is."
    ],
    "prospects": [
      "Engineers shipping local-first SPAs",
      "Security teams auditing browser auth",
      "Platform leads scaling per-tenant deploys"
    ],
    "stats": [
      {
        "num": "4m",
        "label": "Read time"
      },
      {
        "num": "Local-first and P2P",
        "label": "Category"
      }
    ]
  },
  "related": [
    {
      "slug": "animated-explainer-p2p-file-transfer",
      "title": "Animated Explainer: 'How a P2P File Transfer Actually Works in Your Browser'",
      "pillar": "P4",
      "pillarLabel": "Local-first and P2P",
      "href": "/blog/posts/animated-explainer-p2p-file-transfer.html"
    },
    {
      "slug": "quiet-hours-timezone-1-tap-rsvp",
      "title": "Quiet Hours, Timezone-Aware Scheduling, and the 1-Tap RSVP From Email",
      "pillar": "P4",
      "pillarLabel": "Local-first and P2P",
      "href": "/blog/posts/quiet-hours-timezone-1-tap-rsvp.html"
    },
    {
      "slug": "digest-emails-7-block-layout",
      "title": "Digest Emails That Don't Get Muted: the 7-Block Layout",
      "pillar": "P4",
      "pillarLabel": "Local-first and P2P",
      "href": "/blog/posts/digest-emails-7-block-layout.html"
    },
    {
      "slug": "notification-taxonomy-4-tiers",
      "title": "The Notification Taxonomy: 4 Urgency Tiers and the Wake-Up Rule",
      "pillar": "P4",
      "pillarLabel": "Local-first and P2P",
      "href": "/blog/posts/notification-taxonomy-4-tiers.html"
    }
  ]
}