How to add header to getServerSideProps in Next.js

Question

I want to pass JWT access token with a getServersideProps in Next.js. The token is stored in local storage. Is there any way to do it?

Want to add headers to getServerSideProps in Next.js

Answer 1

getServerSideProps accepts a context parameter which includes keys for accessing the IncomingMessage ( req ) and ServerResponse (res ) objects. If you want to add a header, you can use the response object's setHeader method.

export function getServerSideProps(context) {
  // print incoming headers
  console.log(context.req.headers);

  // add header
  context.res.setHeader("X-Foo", "Bar");

  return {
    props: {},
  };
}