is there a way to custom headers for _next/static/*.js

Answered

Barbary Lion posted this in #help-forum

Barbary LionOP

2024-01-11T13:36:35.000Z

I have a use case where, I was specifically ask to customise these default headers of next which are these public, max-age=31536000, immutable

Answered by Anay-208

Tell devops team. They are probably using nginx, or amplify. Theyâ€™ll have to add custom headers from there

View full answer

28 Replies

@Barbary Lion I have a use case where, I was specifically ask to customise these default headers of next which are these public, max-age=31536000, immutable

Anay-208

2024-01-11T14:30:31.000Z

https://nextjs.org/docs/pages/api-reference/next-config-js/headers

You can try to paste in this:

// next.config.js
module.exports = {
  async headers() {
    return [
      {
        // Matching route for _next/static/*.js files
        source: '/_next/static/:path*',
        headers: [
          {
            key: 'Custom-Header',
            value: 'Custom Value', // The value of the custom header
          },
        ],
      },
    ]
  },
}

Barbary LionOP

2024-01-11T14:31:18.000Z

this doesnâ€™t get reflected for static chunks

Anay-208

2024-01-11T14:31:50.000Z

let me check

Barbary LionOP

2024-01-11T14:33:40.000Z

thanks, I am not deploying on vercel

it's custom

Anay-208

2024-01-11T14:35:11.000Z

Yes, you're right, let me find another way

@Barbary Lion thanks, I am not deploying on vercel

Anay-208

2024-01-11T14:37:27.000Z

If you're deploying to vercel, try adding this to vercel.json :

// vercel.json
{
  "headers": [
    {
      "source": "/_next/static/:path*",
      "headers": [
        {
          "key": "auth",
          "value": "yes"
        }
      ]
    }
  ]
}