Ben White — Snippets

Worker config examples

2025-08-04T00:00:00Z

Some config snippets to support the Migrating an 11ty site from Cloudflare Pages to Workers blog.

Assets only Worker

This config should work for most straight up, simple, no fuss migrations from Cloudflare Pages to Workers.

wrangler.jsonc

{
  "name": "name-of-worker-here",
  "compatibility_date": "2025-05-05",
  "assets": { "directory": "_site", "not_found_handling": "404-page" }
}

Assets and Functions (or APIs) Worker

This config should provide a path forward for anyone that was using Cloudflare Pages Functions for simple APIs.

wrangler.jsonc

{
  "name": "name-of-worker-here",
  "compatibility_date": "2025-05-05",
  "main": "src/index.js",
  "assets": {
    "directory": "_site",
    "not_found_handling": "404-page",
    "run_worker_first": ["/api/*"]
  }
}

src/index.js

export default {
  async fetch(request, env) {
    const url = new URL(request.url);
    if (url.pathname.startsWith('/api/')) {
      // API code goes here.
      const exampleResponse = { hello: 'world' };
      return Response.json(exampleResponse);
    }
    return request;
  },
};

Assets (via middleware) and API Worker

This is a more advanced path for users who were using Cloudflare Pages Functions for simple APIs along with _middleware.js for intercepting and modifying responses on the way through. You could probably do it without switching over to hono, but from my limited time using it, hono is excellent and worth the time learning how it works.

This will push pretty much everything through the Worker, so tread with caution if you're running a site with spiky traffic.

Install hono

npm install hono

wrangler.jsonc

{
  "name": "name-of-worker-here",
  "main": "src/index.js",
  "compatibility_date": "2025-05-05",
  "assets": {
    "binding": "ASSETS",
    "directory": "_site",
    "run_worker_first": true
  },
  "services": [{ "binding": "SELF", "service": "name-of-worker-here" }]
}

src/index.js

import { Hono } from 'hono';

const app = new Hono();

// Set up API routes.
app.get('/api/*', (c) => {
  const exampleResponse = { hello: 'world' };
  return c.json(exampleResponse);
});

// Serve static assets with middleware support.
app.get('*', async (c) => {
  try {
    // Bail early for non-HTML requests (fonts, images, etc).
    const accept = c.req.header('accept') || '';
    if (!accept.includes('text/html')) {
      return await c.env.ASSETS.fetch(c.req.url);
    }
    // Get requested the asset from the _site build.
    const assetResponse = await c.env.ASSETS.fetch(c.req.url);
    if (assetResponse.ok) {
      // Add 'hello world' to the asset HTML response.
      return new HTMLRewriter()
        .on('body', {
          async element(element) {
            element.prepend('<h1>hello world</h1>', { html: true });
          },
        })
        .transform(assetResponse);
    }
  } catch (error) {
    console.error(error);
  }
  return c.notFound();
});

// Handle 404s gracefully.
app.notFound(async (c) => {
  const url = new URL(c.req.url);
  const res = await c.env.SELF.fetch(`${url.origin}/404`);
  return c.html(await res.text(), 404);
});

export default app;

Louis Cole

2025-02-20T00:00:00Z

I don't remember how I stumbled onto Clown Core, but I do remember how it made me feel.

Watch this, and see how you feel.

When you get past all of the... unsettling feelings... all that is left is insane, raw talent and one of the coolest songs you've ever heard.

I went down the Google rabbit hole, trying to work out who the band was. At that time, there was no Wikipedia article, and there wasn't much on who they were or why there was clowns.

At some point I added a few Clown Core songs to some playlists in Spotify, and this Louis Cole guy started popping up in my recommendations.

I eventually came across this song and was like yep, this artist and friends are absolutely, 100%, Clown Core.

Didn't take me too long to then stumble into KNOWER and this track, which might be a top 5 of all time song for me. It is just the coolest song ever. Every person in the clip is the coolest, most talented person I've ever seen.

There are so many other great songs. Add them to your playlists. Tell your kids about them.

The Flaming Lips

2025-02-03T00:00:00Z

The Flaming Lips played at the Hordern in Sydney last night. It was a fairly standard Flaming Lips show — which is to say it was a really, really fun time.

I wouldn't call myself a diehard fan, but I've been lucky enough to catch every one of their Australian shows since 2009. And every time, I've left feeling good about life — like things are gonna be alright. That might seem odd if you focus on the lyrics about death by volcano or inevitable selfishness that comes with power. But it's not weird at all if you've seen them live, where the overwhelming message and tone is love.

In 2016, a friend I brought along had a bad day. They knew a few Flaming Lips songs but weren't really into the band. Work had been rough, and they'd struggled to find parking at the venue. They plonked down in the stands, frowning. But by the end of the first verse of the first song, that frown was gone, and in its place was the biggest smile I'd seen since their wedding day.

This is The Flaming Lips' superpower. For a band that came into this world a year before I was born to still be touring with so much energy and love to share... blows the mind.

The crowd last night was a mix of families with young kids (babies, even!), uni students, and older folks from all walks of life. At one point I was standing next to a politician (👋 Tanya Plibersek).

The highlight for me was Pompeii am Götterdämmerung, being blanketed in black confetti. Yay, volcanoes!

If you haven't seen them live, do yourself a favour and grab a ticket when they're in your town.

Tech resolutions

2025-01-13T00:00:00Z

My new year (tech) resolutions are to have some fun with:

Devbox Can I replace Docker for my local dev environment?
HTMLRewriter How much can I (or should I!?) mess with content on the edge?
CUBE CSS Would this methodology be worth adopting? What problems does it solve?
htmx I'm very happy with static build + Alpine.js, what benefits would htmx provide?
11ty docs I dropped the ball on this last year. I'd like to make a meaningful contribution towards the docs this year.
Pixelfed After spinning up a private instance, would I be able to get my friends and family to delete Instagram?

What are your tech resolutions? Let me know!

The last Gambino

2024-07-25T00:00:00Z

Childish Gambino's latest album, Bando Stone and The New World is a very Gambino ride, and comes close to topping Because the Internet for me. It's so diverse! The production is so good and weird!

There is a tiny sample from Undertale in the first track, which on the whole, reminds me of the opening of Yeezus. I've been whisting along to Lithonia all week. The Prodigy sample in Got To Be is perfect. Steve Lacy vibes on Dadvocate.

Check it out! Or don't! That's also fine.

Outsource naming things

2024-06-20T00:00:00Z

No, but really, every single time I socialise what I'm thinking when writing or refactoring "important stuff", I get feedback that greatly improves clarity.

Today I started with:

paid_subscriber_list
registered_user_list

Fine I guess, technically correct, but it wasn't sitting quite right. So I threw it out there, and within 10 seconds we ended up with:

paid_user_list
nonpaid_user_list

Less ambiguity, more consistent verbiage, chef kiss.

Kumano Kodo in 16 minutes

2024-06-20T00:00:00Z

It was beautiful. I think about it often, and would do it again in a heartbeat.

The edit is a bit zoomy cause I was trying to fit 6 days worth of footage into a single video. When I have a spare weekend, I'll probably do a day-by-day recut and write up a blog to go with it.

But until then, please enjoy.