How to add the Permissions-Policy header in Next.js

Next.js configuration (next.config)

async headers() {
  return [
    {
      source: "/:path*",
      headers: [{ key: "Permissions-Policy", value: "camera=(), microphone=(), geolocation=()" }],
    },
  ];
}

Add the headers() function to your Next.js config and restart or redeploy. Headers set by a proxy or CDN in front can override these.

Before you deploy

Only disable features you do not use. List each feature your site needs with an allowlist such as camera=(self).

Verify it works

curl -sI https://your-site.com | grep -i permissions-policy

Or run a free Korrali Web scan to check this and every other security header at once.

Other headers in Next.js

• Strict-Transport-Security in Next.js
• Content-Security-Policy in Next.js
• X-Frame-Options in Next.js
• X-Content-Type-Options in Next.js
• Referrer-Policy in Next.js
• Cross-Origin-Opener-Policy in Next.js
• Cross-Origin-Resource-Policy in Next.js