next.config.ts

import type { NextConfig } from "next";

const nextConfig: NextConfig = {
  reactStrictMode: true,
  images: {
    remotePatterns: [
      {
        protocol: 'https',
        hostname: 'zapqcxbffugqvfiiilci.supabase.co',
      
      },
      {
        protocol: 'https',
        hostname: 'lastfm.freetls.fastly.net'
      }
    ],
  },
  webpack: (config, { dev }) => {
    config.devtool = dev ? 'source-map' : false;
    return config;
  },
  experimental: {
    turbo: {
      rules: {
        '*.svg': {
          loaders: ['@svgr/webpack'],
        },
      },
    }
  },
  async headers() {
    return [
      {
        source: '/:path*',
        headers: [
          {
            key: 'Content-Security-Policy',
            value: "upgrade-insecure-requests"
          },
          {
            key: 'Cache-Control',
            value: 'public, max-age=3600, immutable'
          }
        ],
      },
    ]
  },
};

export default nextConfig;