ec9ad45475
script-src 'self' was blocking all Next.js inline hydration scripts, preventing client-side JS from running. This caused fade-in items to stay at opacity:0 (empty grid). Added 'unsafe-inline' until Next.js App Router supports nonce-based CSP.
48 lines
1.4 KiB
TypeScript
48 lines
1.4 KiB
TypeScript
import type { NextConfig } from 'next';
|
|
|
|
// ── Content Security Policy ────────────────────────────────────
|
|
// Locks down the public-facing site to only trusted sources.
|
|
const cspDirectives = [
|
|
"default-src 'self'",
|
|
"script-src 'self' 'unsafe-inline'",
|
|
"style-src 'self' 'unsafe-inline' https://fonts.googleapis.com",
|
|
"font-src 'self' https://fonts.gstatic.com",
|
|
"img-src 'self' data:",
|
|
"connect-src 'self'",
|
|
"frame-ancestors 'none'",
|
|
"base-uri 'self'",
|
|
"form-action 'self'",
|
|
].join('; ');
|
|
|
|
const nextConfig: NextConfig = {
|
|
output: 'standalone',
|
|
images: {
|
|
loader: 'custom',
|
|
loaderFile: './lib/immichLoader.ts',
|
|
},
|
|
async headers() {
|
|
return [
|
|
{
|
|
source: '/(.*)',
|
|
headers: [
|
|
{ key: 'Content-Security-Policy', value: cspDirectives },
|
|
{ key: 'X-Content-Type-Options', value: 'nosniff' },
|
|
{ key: 'X-Frame-Options', value: 'DENY' },
|
|
{ key: 'Referrer-Policy', value: 'strict-origin-when-cross-origin' },
|
|
{
|
|
key: 'Permissions-Policy',
|
|
value: 'camera=(), microphone=(), geolocation=()',
|
|
},
|
|
{
|
|
key: 'Strict-Transport-Security',
|
|
value: 'max-age=31536000; includeSubDomains',
|
|
},
|
|
{ key: 'X-DNS-Prefetch-Control', value: 'off' },
|
|
],
|
|
},
|
|
];
|
|
},
|
|
};
|
|
|
|
export default nextConfig;
|