nphdigital/next.config.js at master · Tedydev-web/nphdigital · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
const path = require('path');
const { i18n } = require('./next-i18next.config');

/** @type {import('next').NextConfig} */
const nextConfig = {
	i18n,
	reactStrictMode: true,
	poweredByHeader: false,
	sassOptions: {
		includePaths: [
			path.join(__dirname, 'src/styles'),
			path.join(__dirname, 'public/assets/scss'),
		],
	},
	images: {
		domains: ['res.cloudinary.com'],
		deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
		imageSizes: [16, 32, 48, 64, 96, 128, 256, 384],
		minimumCacheTTL: 60,
	},
	webpack: (config, { dev, isServer }) => {
		// Font optimization
		config.module.rules.push({
			test: /\.(woff|woff2|eot|ttf|otf)$/,
			type: 'asset/resource',
			generator: {
				filename: 'static/fonts/[hash][ext][query]',
			},
		});

		// CSS optimization
		if (!dev && !isServer) {
			config.optimization.splitChunks.cacheGroups.styles = {
				name: 'styles',
				test: /\.(css|scss)$/,
				chunks: 'all',
				enforce: true,
				priority: 10,
			};

			config.optimization.splitChunks.cacheGroups.commons = {
				name: 'commons',
				chunks: 'all',
				minChunks: 2,
				priority: 20,
			};
		}

		// ✅ Add alias for @ → src/
		config.resolve.alias['@'] = path.resolve(__dirname, 'src');

		return config;
	},
	optimizeFonts: true,
	swcMinify: true,
	compiler: {
		removeConsole:
			process.env.NODE_ENV === 'production'
				? {
						exclude: ['error', 'warn'],
				  }
				: false,
	},
	experimental: {
		optimizeCss: true,
		scrollRestoration: true,
	},
};

module.exports = nextConfig;