Code Editor With Live Logs

Observability

Watch every request land in real time

Logs stream straight from production, color-coded by level and pinned next to the code that runs them. No tab switching, no SSH tunnels.

server.tsroutes.config.tstokens.css
// Define your API server
import { server } from "@beste/server";
// Public routes go here
const api = await server.create({ port: 4000 });
// Mount route modules
api.use("/auth", authRoutes);
api.use("/checkout", checkoutRoutes);
// Wire structured logging
api.log("json", { level: "info" });
export default api;

Live logs

production · us-east
POST /api/checkout · 200 · 142ms2s
GET /api/inventory · 200 · 23ms5s
Cache miss on /products/all12s
Stripe webhook signature mismatch28s
POST /api/auth/refresh · 89ms1m
Rate limiter · 142/10002m
Tailing live
About this block

Code Editor With Live LogsPRO

Browser-chrome card pairing a syntax-highlighted code editor with a live log stream — filter pills, color-coded levels, and a tail-mode footer. Every label is editable; no media props required.

More Showcase blocks

View all Showcase
PRO

showcase15

Code Editor With Live Activity Feed

PRO

showcase17

Code Editor With Test Results

PRO

showcase23

Component Preview With Code Editor

Get Pro access