What does getServerSideProps do, and how is it different from getStaticProps?

getServerSideProps runs on every single request rather than at build time, fetching fresh data each time a user visits the page, which is useful for content that changes frequently or needs to be personalized based on the specific request, unlike getStaticProps which only runs once during the build.

// pages/profile.js
export async function getServerSideProps(context) {
  const user = await getUserFromSession(context.req);
  return { props: { user } };
}

export default function Profile({ user }) {
  return <h1>Welcome, {user.name}</h1>;
}