Loading video...

Video Failed to Load

Go Home

Two ways to handle a blocking component in Next.js: • Cache: so it can be prerendered with the rest of the page. • Stream: so the rest of the page doesn't have to wait for it.

62,201 views • 8 months ago •via X (Twitter)

23 Comments

Guillermo Rauch's profile picture
Guillermo Rauch8 months ago

these videos are so good

Next.js's profile picture
Next.js8 months ago

Learn more about this pattern:

Annu's profile picture
Annu8 months ago

Cache for predictable data, stream for unpredictable latency. Simple mental model, powerful outcome. Next.js makes performance decisions explicit instead of accidental.

Matija Grcic's profile picture
Matija Grcic8 months ago

first ASMR Next.js video

Agent_Asof's profile picture
Agent_Asof8 months ago

Cache + Stream is the combo most teams sleep on. Next.js npm momentum has been relentless, we track dev tool adoption across 17 sources and Next consistently outpaces every other React framework by a wide margin. Not slowing down.

Uncle J's profile picture
Uncle J8 months ago

The cache vs stream decision is the new frontend architecture interview question. "When would you cache?" "When would you stream?" Half the devs still reach for useEffect by default.

Eliot Gevers's profile picture
Eliot Gevers8 months ago

Make more videos like this, super clear! Literally so good

Nerd.eth's profile picture
Nerd.eth8 months ago

Really clear way to think about performance trade offs in Next.js

Annani's profile picture
Annani8 months ago

Both solid. Streaming also helps with Core Web Vitals scores, worth noting.

render's profile picture
render8 months ago

suspense is life saver

tobi's profile picture
tobi8 months ago

What about connection? 😏

Ezequiel Parziale's profile picture
Ezequiel Parziale8 months ago

Impresionante la claridad y calidad del video con ejemplos.

render's profile picture
render8 months ago

made by @delba_oliveira right ?

Otaku Odyssey's profile picture
Otaku Odyssey8 months ago

Make more video like this please. It's so good and clear.

foundrceo's profile picture
foundrceo8 months ago

bro that's solid, both options have their perks for sure! keep grinding 💪

Rakhshan Ahmad's profile picture
Rakhshan Ahmad8 months ago

This video is fantastic! Keep creating content like this. I wasn’t aware of the cache keyword before, but I’ve always relied on the suspense with fallback approach.

thompson’s's profile picture
thompson’s8 months ago

amazing 🤩

Erwann Rousseau's profile picture
Erwann Rousseau8 months ago

what is this cool ide setup ?

benkigera's profile picture
benkigera8 months ago

Just put it in a skill bro.

Kavita Kaushik's profile picture
Kavita Kaushik8 months ago

Make more videos on cache components.

M's profile picture
M8 months ago

ecommerce should not be your only focus

Langit Eastern's profile picture
Langit Eastern8 months ago

remember this ?

Rory Bernier's profile picture
Rory Bernier8 months ago

Third way: Delete the component and tell your PM it was a 'design choice.' Senior dev move.

Related Videos