Implementation and use cases of modern rendering patterns

on YouTube ↗21m

" summary

Explains concrete implementations: use getStaticProps + CDN caching for fast TTFB, swap to on-demand ISR to revalidate pages via webhooks instead of periodic rebuilds, and use getServerSideProps for cookie‑based personalization while avoiding cross‑region DB latency by co‑locating services. Describes costs from serverless cold starts and per-request lambdas, shows how Streaming SSR and edge SSR enable chunked HTML delivery and React Server Components so only the listing component renders server‑side while the rest stays static.

AI-written summary · about

" chapters (9)

1. 0:00Start
2. 1:38Core Web Vitals
3. 2:19Developer Experience
4. 5:24Plain Static Rendering
5. 7:26Static with getStaticProps
6. 11:57On-demand Incremental Static Regeneration
7. 18:15Serverless Server-Side Rendering
8. 18:26Edge Streaming Server-Side Rendering
9. 18:59Streaming SSR + React Server Components

" related talks

• 20mAdvanced Rendering PatternsLydia Hallie · Reactathon 2022
• 44mServer Side Rendering from the trenchesWilliam Durand · jsDay 2018
• 25mNext.js: Choosing an Optimal Rendering Pattern for your ApplicationLogan Bittner · Great International Developer Summit 2024
• 33mRendering on the Web: Performance Implications of Application ArchitectureJason Miller, Houssein Djirdeh · Google I/O 2019
• 45mGive Me Back My Frontend!Olivier Thierry · Devoxx France 2024
• 30m50 shades of React rendering with Next.jsBen Ilegbodu · SeattleJS Conf 2023
• 40mReact Rendering Strategies Panel DiscussionReact Nexus 2023
• 25mThe Costs & Benefits of React Server ComponentsJeff Escalante · Reactathon 2023