next.config.js

const runtimeCaching = require("next-pwa/cache");
const withPWA = require("next-pwa")({
  dest: "public",
  register: true,
  skipWaiting: true,
  runtimeCaching,
  disable: process.env.NODE_ENV !== "production", // Enable PWA only in production
});
const { createVanillaExtractPlugin } = require("@vanilla-extract/next-plugin");
const withVanillaExtract = createVanillaExtractPlugin();

const nextConfig = withPWA({
  images: {
    remotePatterns: [
      { protocol: "https", hostname: "wonhee-bucket.s3.ap-northeast-2.amazonaws.com", port: "" },
      { protocol: "https", hostname: "picsum.photos", port: "" },
    ],
  },
  reactStrictMode: true,
  swcMinify: true,
  compiler: { styledComponents: true },
  webpack(config) {
    // Centralize fallback
    config.resolve.fallback = {
      ...config.resolve.fallback,
      net: false,
      fs: false,
      tls: false,
    };

    // Add SVG support
    config.module.rules.push({
      test: /\.svg$/i,
      use: [{ loader: "@svgr/webpack", options: { icon: true } }],
    });
    return config;
  },
  async redirects() {
    return [{ source: "/team", destination: "/team/find", permanent: true }];
  },
});

module.exports = withVanillaExtract(nextConfig);