API Inspector With Code Editor

DevTools-grade

Inspect every call without leaving your code

Network panel, response body, and timing waterfall sit beside the route they hit. No browser console, no curl, no second screen.

api.tsclient.config.tstokens.css
POST/api/orders200 OK
HeadersBodyPreview

Response body

{
"id":"ord_3PqA2x9YxK",
"status":"paid",
"amount":4200,
"currency":"USD",
"captured":true,
"customer":"[email protected]"
}
✓ 200
142ms·3.2 kB
// Configure the API client
import { client } from "@beste/client";
// Auth via JWT cookie
const api = await client.create({ base: "/api/v1" });
// Type-safe routes from your schema
const orders = api.r("/orders");
const inventory = api.r("/inventory");
// Wire idempotency keys
orders.idempotent(true);
export default api;
About this block

API Inspector With Code EditorPRO

Browser-chrome card pairing a DevTools-style API inspector on the left with a syntax-highlighted code editor on the right — method badge, response body, timing footer. Every label is editable; no media props required.

More Showcase blocks

View all Showcase
PRO

showcase17

Code Editor With Test Results

PRO

showcase19

Code Editor With PR Review

PRO

showcase18

Code Editor With Live Logs

Get Pro access