Hit the database without leaving your IDE. Results stream into a structured grid you can sort, filter, and export — typed end to end.
orders
| id | customer | amount | status |
|---|---|---|---|
| ord_3PqA | lisa@beste.dev | $42.00 | paid |
| ord_3PqB | alex@beste.dev | $128.50 | paid |
| ord_3PqC | maria@beste.dev | $8.99 | pending |
| ord_3PqD | david@beste.dev | $214.00 | refunded |
| ord_3PqE | robin@beste.dev | $56.20 | paid |
// Type-safe database clientimport { db } from "@beste/db";// Read replicas for hot paths.const orders = await db.from("orders");// Filter to recent activity.orders.where({ status: "paid" });orders.limit(50);// Stream typed rows out.orders.stream("json");export default orders;
Browser-chrome card pairing a typed query result table on the left with a syntax-highlighted code editor on the right — sortable columns, status-toned cells, row count footer. Every label is editable; no media props required.
showcase17
Browser-chrome card pairing a syntax-highlighted code editor with a live test-results panel — pass/fail rows, expandable failures, and a coverage footer. Every label is editable; no media props required.
showcase19
Browser-chrome card pairing a syntax-highlighted code editor with a pull-request review panel — branch arrow, check rows with statuses, reviewer initials, and a merge footer. Every label is editable; no media props required.
showcase18
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.
showcase24
Browser-chrome card pairing a changed-files list on the left with a syntax-highlighted code editor on the right — status icons, +/- stats, and an active row highlight. Every label is editable; no media props required.