How to get header from SSR response in Next.js

Question

I am working on web application rendered via getServerSideProps in Next.js. In function getServerSideProps I set authorization token into header, but currently I am struggling how to get this token from header.

My code:

export async function getServerSideProps(ctx: NextPageContext) {
  const token: string = "Sample token"
  ctx.res?.setHeader("Authorization", token);

  return {
    props: {}
  }
}

const HomePage: NextPage<{}> = ({}) => {
  const token: string = "how to get token here?"

  return (
  )
}

export default HomePage

I am able to see the token in response via browser.

Thanks for any advice!

Can you clarify what's the reason for setting an Authorization header inside getServerSideProps? — juliomalves
– juliomalves, Commented Jun 26, 2022 at 22:03

iamhuynq · Accepted Answer · 2022-06-24 08:03:44Z

1

In getServerSideProps you return your token and in Homepage you get it by props

export async function getServerSideProps(ctx: NextPageContext) {
    const token: string = "Sample token"
    ctx.res?.setHeader("Authorization", token);
  
    return {
      props: {
        token
      }
    }
  }
  
  const HomePage: NextPage<{}> = ({ token }) => {
    console.log(token)
  
    return (
    )
  }
  
  export default HomePage

answered Jun 24, 2022 at 8:03

iamhuynq

5,5572 gold badges17 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Nathaz Over a year ago

Ahhh, in your solution token is stored in 2 places, in header and in body of response. I need it in the header for testing purposes. Maybe I am perfectionist, but is there a way to do it only via header?

iamhuynq Over a year ago

i think you should store token in cookie, so it can be read in both server and client side

Nathaz Over a year ago

I guess so there is no better solution for this. Thanks.

Spomky-Labs Over a year ago

cookies should never be read on client side to prevent XSS threats. httponly flag should always be set.

Collectives™ on Stack Overflow

How to get header from SSR response in Next.js

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related