Wes and CJ break down everything Cloudflare—from Workers and R2 Storage to Hyperdrive and AI Gateway. Get the scoop on what makes Cloudflare tick, the quirks of their ecosystem, and whether vendor lock-in is a real concern. <a id= "Show_Notes_2"></a>Show Notes <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <a href="#t=00:00">00:00</a> Welcome to Syntax!</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href="#t=01:40">01:40</a> Brought to you by <a href="https://sentry.io/syntax">Sentry.io</a>.</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="#t=01:58">01:58</a> What we’re talking about today.</li> <li class="has-line-data" data-line-start="7" data-line-end="14"> <a href="#t=02:48">02:48</a> Cloudflare Workers. <ul> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="#t=03:06">03:06</a> How Cloudflare Workers… work.</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="#t=04:39">04:39</a> How Cloudflare Workers run.</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="#t=06:05">06:05</a> Workers size limitations in JavaScript.</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="#t=07:37">07:37</a> Cloudflare has their own way.</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="#t=08:13">08:13</a> Potential vendor lock-in.</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="#t=08:51">08:51</a> You pay based on CPU time, not wall time.</li> </ul> </li> <li class="has-line-data" data-line-start="14" data-line-end="16"> <a href="#t=10:26">10:26</a> Cloudflare Pages. <ul> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href= "https://developers.cloudflare.com/workers/static-assets/compatibility-matrix/"> Compatibility Matrix</a></li> </ul> </li> <li class="has-line-data" data-line-start="16" data-line-end="19"> <a href="#t=12:07">12:07</a> Durable Objects. <ul> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="https://x.com/zebassembly/status/1888740971300507738">Zeb X Post</a>.</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="https://www.partykit.io/">PartyKit.io</a>, <a href= "https://www.tldraw.com/">tldraw</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="#t=16:41">16:41</a> Cloudflare Workflows.</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="#t=19:52">19:52</a> How we do something similar on <a href="http://Syntax.fm">Syntax.fm</a>.</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="#t=20:52">20:52</a> Cloudflare Queues.</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="#t=25:26">25:26</a> Files.</li> <li class="has-line-data" data-line-start="23" data-line-end="25"> <a href="#t=26:15">26:15</a> R2 Storage. <ul> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="https://syntax.fm/780">Ep 780: Cloud Storage: Bandwidth, Storage and BIG ZIPS</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="#t=28:00">28:00</a> The Open Bandwidth Alliance.</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href="#t=28:39">28:39</a> Image Pipelines.</li> <li class="has-line-data" data-line-start="27" data-line-end="29"> <a href="#t=33:24">33:24</a> Cloudflare Stream. <ul> <li class="has-line-data" data-line-start="28" data-line-end="29"> <a href="https://syntax.fm/859">Streaming Video in 2025</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <a href="#t=34:24">34:24</a> Data.</li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href="#t=36:37">36:37</a> Key Value.</li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href="#t=40:16">40:16</a> Time To Live.</li> <li class="has-line-data" data-line-start="32" data-line-end="35"> <a href="#t=41:13">41:13</a> Hyperdrive. <ul> <li class="has-line-data" data-line-start="33" data-line-end="34"> <a href= "https://developers.cloudflare.com/hyperdrive/configuration/how-hyperdrive-works/"> How It Works</a>.</li> <li class="has-line-data" data-line-start="34" data-line-end="35"> <a href= "https://developers.cloudflare.com/hyperdrive/configuration/query-caching/"> Query caching</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="35" data-line-end="36"> <a href="#t=44:01">44:01</a> Vectorize Data.</li> <li class="has-line-data" data-line-start="36" data-line-end="37"> <a href="#t=45:41">45:41</a> AI Gateway.</li> <li class="has-line-data" data-line-start="37" data-line-end="38"> <a href="#t=47:49">47:49</a> Automated Rate-Limiting.</li> <li class="has-line-data" data-line-start="38" data-line-end="40"> <a href="#t=48:50">48:50</a> Frameworks. <ul> <li class="has-line-data" data-line-start="39" data-line-end="40"> <a href="https://github.com/zebp/orange-js">Orange.js</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="40" data-line-end="43"> <a href="#t=52:13">52:13</a> Analytics Engine. <ul> <li class="has-line-data" data-line-start="41" data-line-end="42"> <a href="https://counterscale.dev">Counterscale</a>.</li> <li class="has-line-data" data-line-start="42" data-line-end="43"> <a href="https://syntax.fm/761">Ep 761: Cloudflare Analytics Engine, Workers + more with Ben Vinegar</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="43" data-line-end="44"> <a href="#t=52:52">52:52</a> WebRTC Engine.</li> <li class="has-line-data" data-line-start="44" data-line-end="45"> <a href="#t=53:01">53:01</a> Puppeteer API.</li> <li class="has-line-data" data-line-start="45" data-line-end="47"> <a href="#t=54:09">54:09</a> Sick Picks + Shameless Plugs.</li> </ul> <a id="Sick_Picks_47"></a>Sick Picks <ul> <li class="has-line-data" data-line-start="49" data-line-end="50"> CJ: <a href= "https://www.amazon.com/dp/B0B76FDJ9R?th=1&tag=codinggardenw-20"> Flush MicroSD Adapter for Macbook</a></li> <li class="has-line-data" data-line-start="50" data-line-end="52"> Wes: <a href="https://www.synology.com/en-us">Synology</a>.</li> </ul> <a id="Shameless_Plugs_52"></a>Shameless Plugs <ul> <li class="has-line-data" data-line-start="54" data-line-end="57"> Wes: <a href="www.youtube.com/syntax.fm">Syntax on YouTube</a>.</li> </ul> <a id="Hit_us_up_on_Socials_57"></a>Hit us up on Socials! Syntax: <a href="https://twitter.com/syntaxfm">X</a> <a href= "https://www.instagram.com/syntax_fm/">Instagram</a> <a href= "https://www.tiktok.com/@syntaxfm">Tiktok</a> <a href= "https://www.linkedin.com/company/96077407/admin/feed/posts/">LinkedIn</a> <a href="https://www.threads.net/@syntax_fm">Threads</a> Wes: <a href="https://twitter.com/wesbos">X</a> <a href= "https://www.instagram.com/wesbos/">Instagram</a> <a href= "https://www.tiktok.com/@wesbos">Tiktok</a> <a href= "https://www.linkedin.com/in/wesbos/">LinkedIn</a> <a href= "https://www.threads.net/@wesbos">Threads</a> Scott: <a href="https://twitter.com/stolinski">X</a> <a href= "https://www.instagram.com/stolinski/">Instagram</a> <a href= "https://www.tiktok.com/@stolinski">Tiktok</a> <a href= "https://www.linkedin.com/in/stolinski/">LinkedIn</a> <a href= "https://www.threads.net/@stolinski">Threads</a> Randy: <a href="https://twitter.com/randyrektor">X</a> <a href= "https://www.instagram.com/randyrektor/">Instagram</a> <a href= "https://www.youtube.com/@randyrektor">YouTube</a> <a href= "https://www.threads.net/@randyrektor">Threads</a>

Podurama

Home

Trending

Personal

Your Podcasts

New Episodes

My Files

Favourite Episodes

Tags (Folders)

Recently Played

Bookmarks

Followed Playlists

879: Fullstack Cloudflare

Syntax - Tasty Web Development Treats

AI Chapters

AI Insights

Reviews