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

PRO

showcase15

Code Editor With Live Activity Feed

PRO

showcase17

Code Editor With Test Results

Get Pro access