Introducing Cloudflare Sandboxes Support

The Change

Previous approach: Code execution in centralized environments with higher latency. Current approach: Code execution at edge locations with sub-second performance.

Cloudflare Sandboxes provide isolated, container-based environments that execute code on Cloudflare's global edge network. Technical capabilities:

• Code execution in isolated, container-based environments on Cloudflare's edge
• Sub-second response times at 300+ global locations
• File operations and Git functionality within sandboxes
• Real-time output streaming

What This Enables

This reduces the latency in AI coding workflows by executing code closer to users.

Security

Code execution happens in isolated container environments. Secure file management within sandboxed environments.

Performance

Sub-second execution times at edge locations globally. Eliminates the traditional latency bottleneck.

Development Workflow

Complete Git integration:

• Repository cloning and PR creation within sandboxes
• Real-time output streaming
• File operations at edge locations

Getting Started

Adding Cloudflare Sandboxes to your VibeKit setup is straightforward:

import { VibeKit } from "@vibe-kit/sdk";
import { createCloudflareProvider } from "@vibe-kit/cloudflare";

const provider = createCloudflareProvider({
  env: env, // Cloudflare Worker's env object
  hostname: "your-worker.domain.workers.dev"
});

const vibeKit = new VibeKit()
  .withAgent({
    type: "claude",
    provider: "anthropic",
    apiKey: process.env.ANTHROPIC_API_KEY!,
    model: "claude-sonnet-4-20250514"
  })
  .withSandbox(provider);

Use Cases This Enables

Coding agent use cases that require low latency:

• Interactive tools: Real-time code execution feedback with minimal latency
• Real-time user-facing features: AI-powered coding functionality in production applications
• Responsive development environments: Fast feedback loops for iterative development
• Global coding platforms: Consistent sub-second performance regardless of user location

Technical Implementation

The integration leverages Cloudflare's Durable Objects for strong consistency and automatic geographic distribution across their edge network.

Configuration Setup

Install the Cloudflare provider:

npm install @vibe-kit/cloudflare

Configure your wrangler.json with Sandbox and Durable Object bindings:

{
  "name": "my-vibekit-worker",
  "main": "src/index.ts",
  "compatibility_date": "2024-01-01",
  "containers": [
    {
      "class_name": "Sandbox",
      "image": "./node_modules/@cloudflare/sandbox/Dockerfile",
      "max_instances": 1
    }
  ],
  "durable_objects": {
    "bindings": [
      {
        "class_name": "Sandbox",
        "name": "Sandbox"
      }
    ]
  }
}

Technical Capabilities

• Edge-native execution: Code runs directly on Cloudflare's global network
• Preview URL generation: Automatic exposure of sandbox ports for web applications
• Durable Objects integration: Strong consistency across edge locations
• Multi-agent support: Compatible with Claude, OpenAI Codex, and other AI agents

Requirements

• Node.js 18+
• Cloudflare Worker environment
• Docker for local sandbox development

Technical documentation: https://docs.vibekit.sh/supported-sandboxes/cloudflare