A beginner-friendly explanation of the three main rendering strategies for web apps: Client Side Rendering (CSR), Server Side Rendering (SSR), and Static Site Generation (SSG). Covers how each works step by step, their trade-offs, and when to use each. Also addresses a counterintuitive gotcha where migrating to SSG can lower Lighthouse scores despite improving real user experience, illustrated with an airport analogy. Frameworks like Next.js, Gatsby, Angular Universal, and Nuxt.js are referenced as real-world implementations.
Sort: