Back to docs
Recipe

Webhook Logs Viewer

Build a real-time webhook event inspector with filtering, search, and payload replay — all client-side.

Overview

A split-pane dashboard that lists incoming webhook events on the left and shows full request details on the right. Supports status-code filtering, path search, timestamp range, and one-click payload replay to a configurable endpoint.

Layout

Key Components

  • Event list — virtualized rows with status badge, method, path, and age
  • Detail pane — headers table, formatted JSON body, raw toggle
  • Replay button — re-sends the original payload to a target URL with a confirmation toast
  • Filter bar — status chips, search input, date range picker

Data Flow

POST /api/webhooks/ingestin-memory ring bufferSSE streamUI

Events flow from a catch-all ingest route into a ring buffer. The UI subscribes via Server-Sent Events for live updates. Replay hits a user-configured endpoint directly from the browser.

States

Empty — waiting for first event

Streaming — live events arriving

Error — connection lost banner

← Back to docs