import path from "node:path"; import type { NextConfig } from "next"; // 다층 캐시·SEO 차단(§4)의 응답 헤더 계층. immutable 정적 자산(_next/static, _next/image)은 // Next.js가 자체적으로 Cache-Control을 강제하므로 대상에서 제외해 자산 캐싱을 보존한다. const SECURITY_HEADERS = [ { key: "X-Robots-Tag", value: "noindex, nofollow, noarchive, nosnippet, noimageindex", }, { key: "Cache-Control", value: "no-store, no-cache, must-revalidate" }, { key: "Pragma", value: "no-cache" }, { 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=()", }, ]; const nextConfig: NextConfig = { // SCSS 로드 경로 — 프로젝트 루트를 Sass의 loadPaths에 넣어 `@use "@fox/styles/abstracts"` // 같은 루트 기준 절대 경로가 해석되게 한다. 이게 없으면 컴포넌트마다 `../../../` 상대 // 경로를 써야 해서 @fox 폴더를 다른 프로젝트로 통째로 복사할 수 없다(포터블 요건). // tsconfig의 `@fox/*` alias는 TS/번들러 전용이라 Sass 해석에는 관여하지 않으므로, // 같은 경로를 여기서 한 번 더 선언해야 TS와 SCSS의 import 표기가 일치한다. sassOptions: { loadPaths: [path.join(process.cwd())], }, async headers() { return [ { source: "/((?!_next/static|_next/image|fonts/).*)", headers: SECURITY_HEADERS, }, { // `public/fonts`는 Next.js가 해시 경로를 붙여주지 않아 위 no-store 규칙에 그대로 // 걸린다 — 제외하지 않으면 페이지를 열 때마다 Pretendard 2.2MB를 다시 받는다. // `immutable`은 일부러 뺐다: 파일명에 버전이 없어서 폰트를 같은 이름으로 교체했을 때 // 새로고침조차 먹지 않게 된다. source: "/fonts/:path*", headers: [ { key: "Cache-Control", value: "public, max-age=31536000" }, { key: "X-Content-Type-Options", value: "nosniff" }, ], }, ]; }, }; export default nextConfig;