Skip to main content
@repo/next-config provides the base Next.js configuration that all apps extend. It sets security headers, image domains, and bundle analysis.

​
Usage

import { config } from "@repo/next-config";

export default config;
Override per app: 
import { config } from "@repo/next-config";

export default {
  ...config,
  images: {
    ...config.images,
    remotePatterns: [
      ...(config.images?.remotePatterns ?? []),
      { hostname: "cdn.example.com" },
    ],
  },
};

​
Security Headers

HeaderValue
X-Frame-OptionsDENY
X-Content-Type-Optionsnosniff
Referrer-Policystrict-origin-when-cross-origin
Strict-Transport-Securitymax-age=31536000; includeSubDomains

​
Bundle Analysis

ANALYZE=true bun run build
Changes to packages/next-config/ affect all apps. Test across the monorepo after modifying it.

​
Learn More