next.config.mjs

/** @type {import('next').NextConfig} */
const nextConfig = {
  webpack(config) {
    config.module.rules.push({
      test: /\.svg$/,
      use: ["@svgr/webpack"],
    });
    return config;
  },
  images: {
    remotePatterns: [
      {
        protocol: "http",
        hostname: "suh-project.synology.me",
        pathname: "/sejong-malsami/thumbnail/**",
      },
      {
        protocol: "http",
        hostname: "suh-project.synology.me",
        pathname: "/sejong-malsami/question/**",
      },
      {
        protocol: "http",
        hostname: "suh-project.synology.me",
        pathname: "/sejong-malsami/answer/**",
      },
      {
        protocol: "http",
        hostname: "suh-project.synology.me", // 새 호스트 추가
        pathname: "/sejong-malsami/thumbnail/**", // 이 경로의 이미지만 허용
      },
      {
        protocol: "https",
        hostname: "picsum.photos", // 목 데이터용 이미지 도메인
        pathname: "/**",
      },
    ],
  },
};

export default nextConfig;