Unicorn architecture for rainbow rendering with Next.js
summary
Explains server-side vs static rendering concepts (Jamstack, SSR, SSG, ISR, prerendering, edge handlers) using Next.js as the example technology to clarify why these terms and techniques differ. Presents an "unicorn architecture" for building highly customized, low-cost static sites with Next.js to support paid content, custom themes, A/B testing, multi-tenancy and multilingual sites while avoiding expensive renders.
AI-written summary · about
chapters (13)
- 0:00Start
- 1:15What is rendering?
- 2:58The Triforce of rendering with Next.js
- 6:00Cost/freshness trade-offs
- 8:34Server-side rendering = server-side rendering
- 9:11THE MEGA TABLE OF SERVER-SIDE RENDERING
- 12:14For you frontenders
- 13:21Static until proven otherwise
- 17:24URL: the easy parameter for SSG
- 18:14The long URL syndrome
- 23:27URL = a piece of a request
- 24:40What really happens under the hood
- 26:59The unicorn, from above
related talks
30m50 shades of React rendering with Next.js
25mNext.js: Choosing an Optimal Rendering Pattern for your Application
44mServer Side Rendering from the trenches
21mImplementation and use cases of modern rendering patterns
42mTo Truly Understand Jamstack, Forget the JAM
30mRendering Revealed
27mSSR & SSG in NextJS
45mNext.js: How Do You Even Render?