Wes rebuilt his personal site from Gatsby to a modern stack using Waku, React Server Components, and Cloudflare Workers — all while keeping the same design. Scott and Wes break down the pain points with Next.js, MDX, image handling, caching, and the custom setup that now powers a blazing-fast blog. <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:03">01:03</a> Barcelona Conference.</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="#t=04:09">04:09</a> Brought to you by <a href="https://sentry.io/syntax">Sentry.io</a>.</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="#t=04:33">04:33</a> Existing stack, goodbye to Gatsby.</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="#t=06:11">06:11</a> New stack, the goals for moving.</li> <li class="has-line-data" data-line-start="9" data-line-end="14"> <a href="#t=06:56">06:56</a> So what is the new stack? <ul> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="#t=08:32">08:32</a> Challenges with NextJS.</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="#t=08:58">08:58</a> Problems with plugins.</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="#t=09:30">09:30</a> Problems with dynamic imports.</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="#t=10:21">10:21</a> Problems with Cloudflare deployment.</li> </ul> </li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="#t=12:37">12:37</a> Landing on Waku.</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="#t=13:59">13:59</a> Hot Tips functionality updates.</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="#t=16:30">16:30</a> Blog Posts + JavaScript Notes.</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="#t=17:09">17:09</a> Moving from Gatsby.</li> <li class="has-line-data" data-line-start="18" data-line-end="21"> <a href="#t=19:03">19:03</a> Page speeds. <ul> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="#t=19:29">19:29</a> Removing nav resizing process.</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="#t=21:03">21:03</a> Writing custom MDX plugins.</li> </ul> </li> <li class="has-line-data" data-line-start="21" data-line-end="23"> <a href="#t=23:28">23:28</a> Hosting. <ul> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="#t=24:08">24:08</a> Why is the build so fast?</li> </ul> </li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="#t=28:01">28:01</a> Pricing.</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="#t=32:25">32:25</a> Caching.</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="#t=34:49">34:49</a> Migration errors.</li> <li class="has-line-data" data-line-start="26" data-line-end="28"> <a href="#t=36:37">36:37</a> CSS.</li> </ul> <a id="Hit_us_up_on_Socials_28"></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

907: Wes’ New Site: Gatsby → React Server Components

Syntax - Tasty Web Development Treats

AI Chapters

AI Insights

Reviews