Wes Bos & Scott Tolinski - Full Stack JavaScrip...

Zpravodajství

Technologické zprávy

Technika

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

Syntax - Tasty Web Development Treats

Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.

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. <h3 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2"></a>Show Notes</h3> <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> <h3 class="code-line" data-line-start="28" data-line-end="29"> <a id="Hit_us_up_on_Socials_28"></a>Hit us up on Socials!</h3> 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>

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.
 Show Notes  00:00 Welcome to Syntax!
 01:03 Barcelona Conference.
 04:09 Brought to you by Sentry.io.
 04:33 Existing stack, goodbye to Gatsby.
 06:11 New stack, the goals for moving.
 06:56 So what is the new stack?  08:32 Challenges with NextJS.
 08:58 Problems with plugins.
 09:30 Problems with dynamic imports.
 10:21 Problems with Cloudflare deployment.

 12:37 Landing on Waku.
 13:59 Hot Tips functionality updates.
 16:30 Blog Posts + JavaScript Notes.
 17:09 Moving from Gatsby.
 19:03 Page speeds. 19:29 Removing nav resizing process.
 21:03 Writing custom MDX plugins.

 23:28 Hosting. 24:08 Why is the build so fast?

 28:01 Pricing.
 32:25 Caching.
 34:49 Migration errors.
 36:37 CSS.
  Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
 Wes: X Instagram Tiktok LinkedIn Threads
 Scott: X Instagram Tiktok LinkedIn Threads
 Randy: X Instagram YouTube Threads

Aplikace Youradio Talk

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

Poslechněte si podcast