chore: performance optimizations

next.config.js

@@ -5,6 +5,9 @@ module.exports = withBundleAnalyzer({
 	// your Next.js configuration
 	images: {
 		domains: ["i.scdn.co"],
+		// Add image optimization settings
+		formats: ['image/avif', 'image/webp'],
+		minimumCacheTTL: 60,
 	},
 	webpack: (config, options) => {
 		config.module.rules.push({
@@ -23,8 +26,37 @@ module.exports = withBundleAnalyzer({
 						key: "Content-Type",
 						value: "application/gzip",
 					},
+					{
+						key: "Cache-Control",
+						value: "public, max-age=3600", // Cache for 1 hour
+					},
+				],
+			},
+			{
+				source: '/:path*',
+				headers: [
+					{
+						key: 'X-Content-Type-Options',
+						value: 'nosniff',
+					},
+					{
+						key: 'X-Frame-Options',
+						value: 'DENY',
+					},
+					{
+						key: 'X-XSS-Protection',
+						value: '1; mode=block',
+					},
 				],
 			},
 		];
 	},
+	// Add performance optimizations
+	swcMinify: true,
+	reactStrictMode: true,
+	compiler: {
+		removeConsole: process.env.NODE_ENV === 'production' ? {
+			exclude: ['error', 'warn'],
+		} : false,
+	},
 });

tailwind.config.js

@@ -7,8 +7,12 @@ module.exports = {
 	],
 	theme: {
 		extend: {
-			// ...existing code...
 		},
 	},
 	plugins: [],
+	// Add this to reduce CSS file size in production
+	future: {
+		removeDeprecatedGapUtilities: true,
+		purgeLayersByDefault: true,
+	},
 };