NextJs — Server-Side Rendering (SSR)

Use getServerSideProps to fetch data on every request. This is useful for dynamic content that changes frequently, like dashboards or live data.

export async function getServerSideProps() {
  const res = await fetch('https://jsonplaceholder.typicode.com/users/1');
  const user = await res.json();
  return { props: { user } };
}

export default function User({ user }) {
  return <h1>User: {user.name}</h1>;
}