Cloudflare Design

A website for the Cloudflare Design team.

With the power of Cloudflare Workers and KV—we've allowed the design of this page to be configured and updated by anyone. That's right, anyone can update the design of this page.

When loads it gets proxied through a Cloudflare Worker that fetches the configuration history from KV and uses the HTML Rewriter within the worker to write the configuration history as a global variable within the html of the site. The React app then reads the history into its own state to be used within the app.

Each section has an accompanying configuration object that when published is sent as JSON to a Cloudflare Worker that accesses the history of configurations array from a Cloudflare Worker KV, then prepends the latest configuration object and saves it back to the KV.