← All templates

Log Viewer

Developer Tools · React + Node (Express) · 19 @molecule/* packages

Datadog-like log viewer with search, filtering, live tail, and structured log parsing — with built-in Stripe-backed subscription tiers

Open in Molecule

What is inside

  • auth
  • search
  • realtime
  • subscriptions

Screens (18)

  • Landing /
  • Login /login
  • Signup /signup
  • ForgotPassword /forgot-password
  • ResetPassword /reset-password
  • Dashboard /dashboard (signed in)
  • Search /search (signed in)
  • Traces /traces (signed in)
  • Streams /streams (signed in)
  • Alerts /alerts (signed in)
  • Saved /saved (signed in)
  • Settings /settings (signed in)
  • TraceDetail /traces/:id (signed in)
  • StreamDetail /streams/:id (signed in)
  • AlertDetail /alerts/:id (signed in)
  • Incidents /incidents (signed in)
  • IncidentDetail /incidents/:id (signed in)
  • Services /services (signed in)

Data model (12 tables)

  • alert_fires — id, user_id, alert_rule_id, fired_at, value, snapshot, created_at
  • alert_rules — id, user_id, name, condition, severity, channels, status, threshold, …
  • devices — id, createdAt, updatedAt, userId, name, pushPlatform, pushSubscription, hasPushSubscription
  • incident_updates — id, user_id, incident_id, body, status_change, posted_by, created_at
  • incidents — id, user_id, title, severity, status, service, owner, started_at, …
  • log_sources — id, user_id, name, format, source, type, environment, rate_per_sec, …
  • logs — id, user_id, source_id, service, severity, level, message, host, …
  • projects — id, userId, name, slug, projectType, framework, packages, envVars, …
  • saved_searches — id, user_id, name, query_string, filters, result_count, last_run_at, shared, …
  • services — id, user_id, name, description, owner_team, health, error_rate_pct, log_rate_per_min, …
  • spans — id, user_id, trace_id, parent_span_id, service, operation, started_at, duration_ms, …
  • traces — id, user_id, root_service, operation, started_at, duration_ms, span_count, error_count, …

API (9 handlers)

  • \_seed api/src/handlers/_seed.ts
  • alerts api/src/handlers/alerts.ts
  • incidents api/src/handlers/incidents.ts
  • logs api/src/handlers/logs.ts
  • saved-searches api/src/handlers/saved-searches.ts
  • services api/src/handlers/services.ts
  • sources api/src/handlers/sources.ts
  • streams api/src/handlers/streams.ts
  • traces api/src/handlers/traces.ts

Subscription tiers

free / pro / team — gated by: maxLogs, maxSavedSearches, maxSources, advancedFeatures, canExport, retentionDays

Built from 19 @molecule/* packages

Browse all @molecule/* packages →

Required secrets

  • DATABASE_URL PostgreSQL connection string

The @molecule/* packages are Apache-2.0. The app you build from this template is yours to export and self-host. Licensing