Artwork

内容由Frontend First, Sam Selikoff, and Ryan Toronto提供。所有播客内容(包括剧集、图形和播客描述)均由 Frontend First, Sam Selikoff, and Ryan Toronto 或其播客平台合作伙伴直接上传和提供。如果您认为有人在未经您许可的情况下使用您的受版权保护的作品,您可以按照此处概述的流程进行操作https://zh.player.fm/legal
Player FM -播客应用
使用Player FM应用程序离线!

Playing with Server Components in Vercel’s Edge Runtime

51:28
 
分享
 

Manage episode 338605033 series 1635850
内容由Frontend First, Sam Selikoff, and Ryan Toronto提供。所有播客内容(包括剧集、图形和播客描述)均由 Frontend First, Sam Selikoff, and Ryan Toronto 或其播客平台合作伙伴直接上传和提供。如果您认为有人在未经您许可的情况下使用您的受版权保护的作品,您可以按照此处概述的流程进行操作https://zh.player.fm/legal

Ryan tells Sam about some experiments he’s been running using Server Components in Vercel’s new edge runtime. He talks about how components that suspend in the node runtime cause the static build of your Next.js app to wait until they unsuspend, while components that suspend in the edge runtime stream back fallback responses as data is being fetched. Ryan also tells Sam about a blocking JS trick he learned to alter the initial render of your clientside app based on client-specific data, like whether their theme preference is dark or light mode.

Topics include:

  • 0:00 - Intro
  • 1:00 - Running synchronous JS before React’s initial render of build-time generated HTML
  • 17:03 - Using getServerSideProps on the edge in Next.js for run-time generated HTML
  • 32:15 - Behavior of Server Components that suspend in edge runtime vs. node runtime

Links:

  continue reading

188集单集

Artwork
icon分享
 
Manage episode 338605033 series 1635850
内容由Frontend First, Sam Selikoff, and Ryan Toronto提供。所有播客内容(包括剧集、图形和播客描述)均由 Frontend First, Sam Selikoff, and Ryan Toronto 或其播客平台合作伙伴直接上传和提供。如果您认为有人在未经您许可的情况下使用您的受版权保护的作品,您可以按照此处概述的流程进行操作https://zh.player.fm/legal

Ryan tells Sam about some experiments he’s been running using Server Components in Vercel’s new edge runtime. He talks about how components that suspend in the node runtime cause the static build of your Next.js app to wait until they unsuspend, while components that suspend in the edge runtime stream back fallback responses as data is being fetched. Ryan also tells Sam about a blocking JS trick he learned to alter the initial render of your clientside app based on client-specific data, like whether their theme preference is dark or light mode.

Topics include:

  • 0:00 - Intro
  • 1:00 - Running synchronous JS before React’s initial render of build-time generated HTML
  • 17:03 - Using getServerSideProps on the edge in Next.js for run-time generated HTML
  • 32:15 - Behavior of Server Components that suspend in edge runtime vs. node runtime

Links:

  continue reading

188集单集

Alle afleveringen

×
 
Loading …

欢迎使用Player FM

Player FM正在网上搜索高质量的播客,以便您现在享受。它是最好的播客应用程序,适用于安卓、iPhone和网络。注册以跨设备同步订阅。

 

快速参考指南