The latest articles on DEV Community by Trader Peter (@trader_peter_e91ee5d47045). https://dev.to/trader_peter_e91ee5d47045 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4228716%2F36443a74-28b3-4874-9e95-ed1ea09184bd.png https://dev.to/trader_peter_e91ee5d47045 en Trader Peter Thu, 05 Nov 2026 13:57:35 +0000 https://dev.to/trader_peter_e91ee5d47045/ops-dashboard-pattern-json-api-cached-metrics-capped-social-automation-16mp https://dev.to/trader_peter_e91ee5d47045/ops-dashboard-pattern-json-api-cached-metrics-capped-social-automation-16mp <h2> Context </h2> <p>Private ops UI (LAN + token) separate from public marketing site. Single GET <code>/api/ops-dashboard</code> aggregates:</p> <ul> <li>Plane A publish counts (JSONL + tick logs cross-check)</li> <li>Meta ads spend panel</li> <li>Health score heuristic</li> <li>Pitch/marketing copy merged from JSON on each request (no stale cache for copy)</li> </ul> <h2> Design choices </h2> <ul> <li> <strong>TTL cache ~45s</strong> + background refresh so browser stays snappy during heavy ticks </li> <li> <strong>Stale snapshot</strong> while tick runs — better than blank screen </li> <li> <strong>i18n inline</strong> in HTML (EN default, <code>?lang=sk</code>) — avoids 404 on external JS in tunnel setups </li> <li> <strong><code>?present=1</code></strong> — larger KPI typography for screen share / screenshots </li> </ul> <h2> Automation boundary </h2> <p>Automation proposes; review queue + gates before send. Daily touch cap enforced in manager state — ops dashboard shows eligible vs blocked reasons.</p> <h2> Metrics that matter </h2> <p>Not impressions. Web visits, leads, weekly UTM from comment links, touch mix (peer/education/service), member group count.</p> <p>Example live row: <code>904 web · 10/10 touches · health 68% yellow</code>.</p> <h2> Export for LinkedIn </h2> <p>Script <code>linkedin_presentation_export.py</code> pulls live API + Playwright screenshots → 4 PNG carousel + EN/SK post text.</p> <h2> Not open-sourcing the dashboard </h2> <p>Sharing the <strong>pattern</strong> for other builders; product is tied to our compliance workflow.</p> <p>Public contact: <a href="https://digitalnypostar-sluzba.sk" rel="noopener noreferrer">https://digitalnypostar-sluzba.sk</a></p> api architecture automation performance