Files
Epicure/apps/web/next.config.ts
T
Arnaud e678e21ee8 fix: API Reference page (/docs) blank — CSP blocked the Scalar bundle
script-src had no allowance for cdn.jsdelivr.net, which is where the
Scalar API-reference viewer's JS is loaded from — the script itself
never ran. Added it to script-src/style-src/font-src/connect-src.

(User-confirmed before applying — widens what's allowed to load, so
wanted explicit sign-off rather than just doing it in response to a
console error.)
2026-07-12 19:07:43 +02:00

71 lines
1.8 KiB
TypeScript

import type { NextConfig } from "next";
const storagePublicUrl = process.env["STORAGE_PUBLIC_URL"] || "http://localhost:9000";
const storageUrl = new URL(storagePublicUrl);
const storageOrigin = storageUrl.origin;
const securityHeaders = [
{
key: "X-Content-Type-Options",
value: "nosniff",
},
{
key: "X-Frame-Options",
value: "DENY",
},
{
key: "Referrer-Policy",
value: "strict-origin-when-cross-origin",
},
{
key: "Strict-Transport-Security",
value: "max-age=63072000; includeSubDomains; preload",
},
{
key: "Permissions-Policy",
value: "camera=(), microphone=(), geolocation=(), interest-cohort=()",
},
{
key: "X-DNS-Prefetch-Control",
value: "on",
},
{
key: "Content-Security-Policy",
value: [
"default-src 'self'",
"script-src 'self' 'unsafe-inline' 'unsafe-eval' https://cdn.jsdelivr.net", // unsafe-eval needed by Next.js dev; tighten in prod. jsdelivr serves the Scalar API-reference bundle on /docs.
"style-src 'self' 'unsafe-inline' https://cdn.jsdelivr.net",
`img-src 'self' data: blob: ${storageOrigin} https://www.gravatar.com`,
"font-src 'self' https://cdn.jsdelivr.net data:",
`connect-src 'self' ${storageOrigin} https://cdn.jsdelivr.net`,
"frame-ancestors 'none'",
"base-uri 'self'",
"form-action 'self'",
].join("; "),
},
];
const nextConfig: NextConfig = {
output: "standalone",
images: {
remotePatterns: [
{
protocol: storageUrl.protocol.replace(":", "") as "http" | "https",
hostname: storageUrl.hostname,
port: storageUrl.port,
pathname: "/**",
},
],
},
async headers() {
return [
{
source: "/(.*)",
headers: securityHeaders,
},
];
},
};
export default nextConfig;