publish date
Apr 23, 2023
duration
32
min
Difficulty
Case details
When React was introduced it paved the way for modern highly-interactive websites and suddenly, everyone was using SPA’s for everything. But, with the modern web came modern problems. In the last 10 years the average size of a web app has increased 388% on desktop and 1288% on mobile. It’s no wonder that there has been a growing interest in going back to a simpler time of SSR pages, but with a twist. Frameworks like Relay, Next.js, Hydrogen and Remix are not using your grandparents’ SSR. With React 18 and the introduction of streaming SSR, you can now render components on the server and stream them to the client. This feature can greatly improve TTFB, enable SEO, and allow for progressive interactivity with hydration. In this session I am going to walk you through streaming SSR, how it works, and all of its benefits, then I will do a live coding demo where I show you how to build a streaming SSR enabled app using Next.js.
Share case: