Set cache-control header in getInitialProps() in NextJs

Question

I need to set Cache-Control header with a dynamic value in getInitialProps method. I tried the below.

if(context.res){
    context.res.setHeader('Cache-Control','My-Cache-Control');
    context.res.setHeader('My-Header','My-Value');
}

But it looks looks like NextJs is overriding the header value before sending the response. Below is the cache-control header value in response header in browser.

Cache-Control: no-store, must-revalidate
My-Header: My-Value

Let me know if anything is missing.

Bertrand Marron · Accepted Answer · 2018-01-14 02:44:34Z

4

Cache-Control headers are overridden in development, so that pages do not get cached by the browser.

It will work in production (next build && next start).

answered Jan 14, 2018 at 2:44

Bertrand Marron

22.3k8 gold badges63 silver badges95 bronze badges

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

Comments

Community · Accepted Answer · 2020-06-20 09:12:55Z

2

as mentioned in this github bug

use res.setHeader()

res is a Node.js http.ServerResponse

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Jan 10, 2018 at 10:22

Fadi Abo Msalam

7,2952 gold badges24 silver badges25 bronze badges

2 Comments

Cyril Sadasivan Panicker Over a year ago

res is same as context.res.

Fadi Abo Msalam Over a year ago

if so you should reopen the bug in github i guess

Collectives™ on Stack Overflow

Set cache-control header in getInitialProps() in NextJs

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related