import type { NextConfig } from "next";

const nextConfig: NextConfig = {
  experimental: {
    externalDir: true,
  },
  images: {
    remotePatterns: [
      {
        protocol: 'https',
        hostname: 'images.unsplash.com',
        port: '',
        pathname: '/**',
      },
    ],
  },
  async rewrites() {
    return {
      beforeFiles: [
        {
          source: "/api/:path*",
          destination: "http://backend:8080/api/:path*",
          has: [
            {
              type: "header",
              key: "X-Forwarded-Host",
            },
          ],
        },
      ],
    };
  },
  headers: async () => {
    return [
      {
        source: "/api/:path*",
        headers: [
          {
            key: "X-Forwarded-For",
            value: "127.0.0.1",
          },
        ],
      },
    ];
  },
};

export default nextConfig;
