next.config.ts

/* eslint-disable @typescript-eslint/no-require-imports */
import { NextConfig } from "next";
const withBundleAnalyzer = require('@next/bundle-analyzer')({
  enabled: process.env.ANALYZE === 'true',
});

const nextConfig: NextConfig = {
  /* config options here */
  webpack: config => {
    config.module.rules.push({
      test: /\.svg$/,
      use: ["@svgr/webpack"],
    });
    return config;
  },
  images: {
    remotePatterns: [
      {
        protocol: 'https',
        hostname: 'zzikzzik-bucket.s3.ap-northeast-2.amazonaws.com',
      },
      {
        protocol: 'https',
        hostname: 'picsum.photos'
      },
      {
        protocol: 'https',
        hostname: 'i.pravatar.cc'
      }
    ],
    formats: ['image/avif', 'image/webp'],
  },
};

// withBundleAnalyzer를 통해 nextConfig를 래핑
export default withBundleAnalyzer(nextConfig);