next.config.mjs

/** @type {import('next').NextConfig} */
const nextConfig = {
	images: {
		remotePatterns: [
			{
				protocol: "https",
				hostname: "sedekah.je",
				pathname: "**",
				port: "",
			},
			{
				protocol: "https",
				hostname: "pub-713906db9ee448e4af59aa8fb2e44c84.r2.dev",
				pathname: "**",
				port: "",
			},
		],
	},

	webpack(config) {
		config.module.rules.push({
			test: /\.svg$/,
			use: ["@svgr/webpack"],
		});

		return config;
	},

	turbopack: {
		rules: {
			"*.svg": {
				loaders: ["@svgr/webpack"],
				as: "*.js", // Import as JS for component use
			},
		},
		resolveAlias: {
			"~leaflet": "leaflet",
		},
	},

	async headers() {
		return [
			{
				source: "/qr/:path*",
				headers: [
					{
						key: "Cross-Origin-Embedder-Policy",
						value: "require-corp",
					},
					{
						key: "Cross-Origin-Opener-Policy",
						value: "same-origin",
					},
				],
			},
			{
				source: "/manifest.json",
				headers: [
					{
						key: "Cache-Control",
						value: "public, max-age=86400",
					},
				],
			},
		];
	},
};

export default nextConfig;