Skip to content
429: Why CodePen Rebuilt Its Realtime Service episode artwork

EPISODE · Jun 16, 2026

429: Why CodePen Rebuilt Its Realtime Service

from CodePen Radio · host CodePen Blog

We've had realtime features on CodePen for ages. Back when it was pretty damn hard. Our Collab Mode is an obvious one, where users can code together. (This "just works" in the 2.0 editor, it's not called anything special.) That and Professor Mode used to have realtime chat (until we pulled it because very few people used it). We went through iterations of this including our own implementations and using services like PubNub. Code collaboration in realtime is particularly difficult. We used FirePad/FireBase for a while for this, and honestly that was a nice abstraction. Increasing the difficulty though, we need to layer on additional needs like syncing settings, presence, and just arbitrary message delivery (e.g. "a new build is ready!"). We used Ably for much of this for quite a while. These days, our whole realtime system integrates with our caching layer, goes over the network using standard web sockets to our beefy Go servers, and is integrated with CRDTs/Y.js to keep everybody looking at the same thing. Plenty of open source software at work, but no more third-party services. This means lower operating costs and a simpler architecture. The cost is that problems are, well, our problems. Time Jumps

Episode metadata supplied by the publisher feed · Published Jun 16, 2026

Embed this episode

Ready to play

429: Why CodePen Rebuilt Its Realtime Service

0:00 0:00

No transcript for this episode yet

We transcribe on demand. Request one and we'll notify you when it's ready — usually under 10 minutes.

No similar episodes found.

No similar podcasts found.

Frequently Asked Questions

When was this CodePen Radio episode published?

This episode was published on June 16, 2026.

Can I download this CodePen Radio episode?

Yes. Use the download control on the episode player to save the publisher-provided media file.
URL copied to clipboard!