Artwork

Innehåll tillhandahållet av Frontend First, Sam Selikoff, and Ryan Toronto. Allt poddinnehåll inklusive avsnitt, grafik och podcastbeskrivningar laddas upp och tillhandahålls direkt av Frontend First, Sam Selikoff, and Ryan Toronto eller deras podcastplattformspartner. Om du tror att någon använder ditt upphovsrättsskyddade verk utan din tillåtelse kan du följa processen som beskrivs här https://sv.player.fm/legal.
Player FM - Podcast-app
Gå offline med appen Player FM !

Playing with Server Components in Vercel’s Edge Runtime

51:28
 
Dela
 

Manage episode 338605033 series 1635850
Innehåll tillhandahållet av Frontend First, Sam Selikoff, and Ryan Toronto. Allt poddinnehåll inklusive avsnitt, grafik och podcastbeskrivningar laddas upp och tillhandahålls direkt av Frontend First, Sam Selikoff, and Ryan Toronto eller deras podcastplattformspartner. Om du tror att någon använder ditt upphovsrättsskyddade verk utan din tillåtelse kan du följa processen som beskrivs här https://sv.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

196 episoder

Artwork
iconDela
 
Manage episode 338605033 series 1635850
Innehåll tillhandahållet av Frontend First, Sam Selikoff, and Ryan Toronto. Allt poddinnehåll inklusive avsnitt, grafik och podcastbeskrivningar laddas upp och tillhandahålls direkt av Frontend First, Sam Selikoff, and Ryan Toronto eller deras podcastplattformspartner. Om du tror att någon använder ditt upphovsrättsskyddade verk utan din tillåtelse kan du följa processen som beskrivs här https://sv.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

196 episoder

Alla avsnitt

×
 
Loading …

Välkommen till Player FM

Player FM scannar webben för högkvalitativa podcasts för dig att njuta av nu direkt. Den är den bästa podcast-appen och den fungerar med Android, Iphone och webben. Bli medlem för att synka prenumerationer mellan enheter.

 

Snabbguide