The many definitions of Server-Side Rendering—zachleat.com
You’ve almost certainly heard of JavaScript Component Frameworks (Libraries 🌶) like Vue.js, Preact, Svelte, Lit, SolidJS, and others.
This is not to be confused with JavaScript Application Frameworks like NuxtJS, Next.js, Gatsby, Remix, Astro, SvelteKit and others.
Now folks that spend their time in the wonderful world of frameworks have likely encountered the term “Server-Side Rendering” (often abbreviated as SSR). What they might not be familiar with is that SSR is defined differently in Component and Application framework contexts.
When generating SSR code, this adds markers to <head> elements so that hydration knows which to replace. … If "ssr", Svelte emits an object with a render method suitable for server-side rendering. —Svelte docs
However, it is also possible to render the same components into HTML strings on the server, send them directly to the browser, and finally "hydrate" the static markup into a fully interactive app on the client. —Vue Server-Side Rendering (SSR) Guide
