Code Editor With Environments Panel

Multi-region

Promote across environments with one tap

Watch every region's health and version drift in one place. Rollbacks and promotions sit a click away — the same way for everyone on the team.

edge.tsregions.config.tstokens.css
// Configure edge runtime
import { edge } from "@beste/edge";
// Region failover priority
const fn = await edge.create("checkout-handler");
// Pin to closest healthy region
fn.regions(["iad1", "fra1", "sfo1"]);
fn.timeout(8000);
// Cold start optimization
fn.precompile({ warmups: 3 });
export default fn;

Environments

1 deploying

Production

Healthy
v2.1.4

iad1 · fra1 · sfo1

deployed 2m ago by Lisa Park

Staging

Deploying
v2.1.5-rc.2

iad1

build 14 of 18 · 38s remaining

Preview

Healthy
feat/auth-refresh

iad1

preview-pr-142.beste.dev

Development

Degraded
v2.1.5-dev

local · fra1

edge cache miss rate above SLA

Last promotion 4d ago

About this block

Code Editor With Environments PanelPRO

Browser-chrome card pairing a syntax-highlighted code editor with a deploy environments panel — health dots, version pills, and a promote-to-production footer. Every label is editable; no media props required.

More Showcase blocks

View all Showcase
PRO

showcase23

Component Preview With Code Editor

Browser-chrome card pairing a live button-variant preview on the left with a syntax-highlighted code editor on the right — dotted canvas background, size pill toggle. Every label is editable; no media props required.

PRO

showcase17

Code Editor With Test Results

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.

PRO

showcase18

Code Editor With Live Logs

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.

PRO

showcase15

Code Editor With Live Activity Feed

Browser-chrome card pairing a syntax-highlighted code editor with a live activity feed — pulsing status dot, color-coded events, and an open-log footer. Every label is editable; no media props required.

PRO

showcase19

Code Editor With PR Review

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.

PRO

showcase16

Code Editor With AI Copilot

Browser-chrome card pairing a syntax-highlighted code editor with an AI chat panel — assistant suggestions arrive as inline snippets you can apply with one click. Every label is editable; no media props required.