In this episode, Scott and Wes sit down with Tim Neutkens and Jimmi Lai from the Next.js team to dig into the new Adapters API, what it takes to run Next.js across platforms like Cloudflare and Netlify, and how caching and infrastructure choices affect performance. They also go deep on TurboPack’s internals, why Next.js doesn’t run on Vite, and the evolution of bundling in the framework.
<h3 class="code-line">
<a></a>Show Notes</h3>
<ul>
<li class="has-line-data">
<a href="#t=00:00">00:00</a> Welcome to Syntax!</li>
<li class="has-line-data">
<a href="#t=01:14">01:14</a> Introduction to Next.js and the Adapter Platform
<ul>
<li class="has-line-data"><a href="https://nextjs.org/blog/nextjs-across-platforms">Next.js Across Platforms</a></li>
</ul>
</li>
<li class="has-line-data">
<a href="#t=02:23">02:23</a> The Adapters API: Features and Community Needs</li>
<li class="has-line-data">
<a href="#t=04:46">04:46</a> Building and Testing the Adapters API</li>
<li class="has-line-data">
<a href="#t=07:37">07:37</a> Infrastructure Requirements for Next.js Apps</li>
<li class="has-line-data">
<a href="#t=11:38">11:38</a> Caching Strategies and Performance Optimization</li>
<li class="has-line-data">
<a href="#t=13:29">13:29</a> The Role of Cache Components in Next.js</li>
<li class="has-line-data">
<a href="#t=17:21">17:21</a> First Steps of Optimizations.</li>
<li class="has-line-data">
<a href="#t=19:48">19:48</a> Blessed Adapters and Community Contributions</li>
<li class="has-line-data">
<a href="#t=22:56">22:56</a> Future Directions and Runtime Support</li>
<li class="has-line-data">
<a href="#t=25:05">25:05</a> Challenges with Different Runtimes and Debugging</li>
<li class="has-line-data">
<a href="#t=26:45">26:45</a> Webpack vs. TurboPack: The Evolution of Next.js</li>
<li class="has-line-data">
<a href="#t=29:45">29:45</a> Why Not Run on Vite?</li>
<li class="has-line-data">
<a href="#t=32:47">32:47</a> Navigating Bundler Challenges</li>
<li class="has-line-data">
<a href="#t=36:59">36:59</a> Building TurboPack: Lessons Learned</li>
<li class="has-line-data">
<a href="#t=41:42">41:42</a> Incremental Compilation and Performance
<ul>
<li class="has-line-data"><a href="https://www.youtube.com/watch?v=aFhysuTUoQY">Episode with ByteDance’s Zack Jackson</a></li>
</ul>
</li>
<li class="has-line-data">
<a href="#t=43:50">43:50</a> Framework Comparisons and Performance Metrics</li>
<li class="has-line-data">
<a href="#t=46:42">46:42</a> Exploring Future Directions for TurboPack</li>
<li class="has-line-data">
<a href="#t=49:44">49:44</a> TurboPack’s Integration and API Development</li>
<li class="has-line-data">
<a href="#t=52:50">52:50</a> Standardization in Bundler Tools</li>
<li class="has-line-data">
<a href="#t=56:52">56:52</a> TurboPack’s Adoption and User Experience</li>
<li class="has-line-data">
<a href="#t=57:49">57:49</a> Sick Picks + Shameless Plugs</li>
</ul>
<h3 class="code-line">
<a></a>Sick Picks</h3>
<ul>
<li class="has-line-data">Tim: <a href="https://www.acquired.fm/episodes/the-steve-ballmer-interview">Acquired Podcast</a>
</li>
<li class="has-line-data">Jimmy: <a href="https://hydrangea.coffee/">Hydrangea Coffee</a>
</li>
</ul>
<h3 class="code-line">
<a></a>Shameless Plugs</h3>
<ul>
<li class="has-line-data">Jimmy: <a href="https://nextjs.org/blog/nextjs-across-platforms">nextjs-across-platforms</a>
</li>
</ul>
<h3 class="code-line">
<a></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>

Podurama

Home

Trending

Personal

Your Podcasts

New Episodes

My Files

Favourite Episodes

Tags (Folders)

Recently Played

Bookmarks

Followed Playlists

995: Next.js Vendor Lock-in No More

Syntax - Tasty Web Development Treats

AI Chapters

AI Insights

Reviews