What is `getServerSideProps` and when should you use it?

Beginner

Answer

getServerSideProps fetches data on each request at runtime:

export async function getServerSideProps(context) {
  const { req, res, params, query } = context;
  
  const data = await fetch(`https://api.example.com/user/${params.id}`);
  const user = await data.json();
  
  return {
    props: {
      user,
    },
  };
}

Use when: Data changes frequently, requires authentication, or needs request-specific information.