HuntExams Academy
ReactAdvanced#ssr#seo

What is the difference between client-side and server-side rendering?

CSR ships JavaScript that builds the page in the browser, so the first paint is later and crawlers see an empty shell. SSR renders HTML on the server for a fast first paint and better SEO, then hydrates it.

Example
// SSR route returns full HTML for /courses
// CSR route returns <div id="root"></div> plus a JS bundle

Related Questions

1
ReactAdvanced#ssr

What is hydration?

Open
2
ReactIntermediate#forms

How do you handle forms and validation in React?

Open
3
ReactAdvanced#hooks#effects

What is the difference between useEffect and useLayoutEffect?

Open