getServerSideProps vs getStaticProps — jaka jest różnica?

To API Pages Routera, czyli katalogu pages/.

getServerSideProps pobiera dane na serwerze dla każdego żądania strony. getStaticProps służy do generowania statycznego — zwykle podczas buildu, a przy ISR także podczas regeneracji.

// pages/profile.jsx — schemat
export async function getServerSideProps() {
  return { props: { generatedAt: new Date().toISOString() } };
}

export default function Profile({ generatedAt }) {
  return <p>{generatedAt}</p>;
}

Pułapka: nie przenoszę tych funkcji do app/. App Router korzysta z innego modelu pobierania danych i cache. Props są przesyłane do klienta — nie umieszczam w nich sekretów.