/** @type {import('next').NextConfig} */
const nextConfig = {
  images: {
    remotePatterns: [
      {
        protocol: 'http',
        hostname: '127.0.0.1',
        port: '8000',             // where Django serves media
        pathname: '/storage/**',  // storage/avatars, images/link_groups, etc.
      },
    ],
  },

  // proxy all /api/* calls to Django
  async rewrites() {
    return [
      {
        source: '/api/:path*',
        destination: 'http://127.0.0.1:8000/api/:path*/',
      },
    ];
  },

  experimental: {
    // whitelist origins you’ll browse from in dev
    allowedDevOrigins: [
      'http://localhost:3001',
      'http://127.0.0.1:3001',
      'http://192.168.219.114:3001',
      'http://0.0.0.0:3001',
      'http://localhost:3000',
      'http://192.168.219.114:3000',
    ],
  },
};

module.exports = nextConfig;