Rendering on the Web | Articles | web.dev
Where should we implement logic and rendering in our applications? Should we use Server Side Rendering? What about Rehydration? Let's find some answers! As developers, we are often faced with decisions that will affect the entire architecture of our applications. One of the core decisions web developers must make is where to implement logic and rendering in their application. This can be difficult, since there are a number of different ways to build a website. Our understanding of this space is informed by our work in Chrome talking to large sites over the past few years. Broadly speaking, we would encourage developers to consider server-side rendering or static rendering over a full rehydration approach. In order to better understand the architectures we're choosing from when we make this decision, we need to have a solid understanding of each approach and consistent terminology to use when speaking about them. The differences between these approaches help illustrate the trade-offs of
Home Articles Rendering on the Web Stay organized with collections Save and categorize content based on your preferences. Addy Osmani Jason Miller Published: February 6, 2019, Last updated: January 5, 2026 One of the core decisions web developers must make is where to implement logic and rendering in their application. This can be difficult because there are so many ways to build a website. Our understanding of this space is informed by our work in Chrome talking to large sites over the past few years. Broadly speaking, we encourage developers to consider server-side rendering or static render
Explore this link on the map →related reading
- Making Sense of React Server Components • Josh W. Comeaujoshwcomeau.com
- Server Side Rendering in JavaScript – SSR vs CSR Explainedfreecodecamp.org
- Fixing Gatsby's rehydration issue - LogRocket Blogblog.logrocket.com
- Web Applications 101 - Robin Wieruchrobinwieruch.de
- Which web frontend architecture fits best?workingsoftware.dev
- Navigating the future of frontendfrontendmastery.com
- App Router: Static and Dynamic Rendering | Next.jsnextjs.org
- New Suspense SSR Architecture in React 18 · reactwg/react-18 · Discussion #37 · GitHubgithub.com
- How's Linear so fast? A technical breakdownperformance.dev
- Second-guessing the modern web - macwright.commacwright.com
- Five Data-Loading Patterns To Boost Web Performance — Smashing Magazinesmashingmagazine.com
- The new wave of Javascript web frameworksfrontendmastery.com