How does server-side rendering (SSR) differ from client-side rendering (CSR) in React?

• Client-Side Rendering (CSR): The browser downloads JS and renders the UI on the client.
• Server-Side Rendering (SSR): HTML is pre-rendered on the server and sent to the client.

---

⚙️ Example (Next.js SSR)

export async function getServerSideProps() {
  const data = await fetchData();
  return { props: { data } };
}

✅ SSR improves SEO and time-to-first-paint, while CSR offers better interactivity.