A Fresh Start for the Workers Playground

Cloudflare Workers has had a playground since its earliest days, built around the idea that developers should be able to experiment without commitment. While the platform itself has evolved considerably, the original playground largely stayed static. That changes now with a redesigned playground that brings the modern Workers development experience to the browser, complete with sharing and one-click deployment.

Origin-First Development

The initial playground leaned heavily on middleware-style examples, where a Worker intercepts requests to an origin server to modify headers, redirect traffic, or handle caching. In that model, the Worker is a layer between the user and the destination. The updated playground shifts focus to the Worker-as-origin pattern, where the Worker itself receives the request and returns the full response. This setup is better suited for building more complex applications like APIs or user interfaces directly on the edge.

A Modern Editor

The editing experience in the new playground is the same authenticated, VSCode-powered editor introduced to the dashboard earlier this year. The playground now gives you:

  • Support for multi-module Workers.
  • Type-checking via JSDoc comments and the workers-types package.
  • Clean error pages and a live preview that updates as you type.
  • Full support for Module syntax, the recommended format for new Workers.

When you load the playground, the starter code on the left produces what you see in the preview pane on the right. Edits propagate to the preview shortly after you make them.

You’re not limited to the starter demo. Feel free to edit and remove those files to create APIs, user interfaces, or any other application that you come up with.

Better Visibility With DevTools

The playground now includes the same Chrome DevTools infrastructure used in the Wrangler CLI and the dashboard. From that view you can inspect logs, monitor network requests, and profile your Worker.

An “HTTP” tab sits at the top of the playground, letting you exercise your Worker with different HTTP methods directly from the interface.

Shareable and Persistent

Sharing remains a core part of the playground experience. Clicking “Copy Link” in the top right generates a unique URL that you can send to anyone or bookmark for later. These links do not expire, which makes them useful for quick demos or for preserving a reproducible example of an issue.

From Playground to Production

A new “Deploy” button removes the friction of moving from a working prototype to a live Worker on Cloudflare’s global network. If you don’t yet have a Cloudflare account, the flow walks you through onboarding before the deployment completes.

The revamped playground is available to everyone now at workers.cloudflare.com/playground.