next.config.js

const withPlugins = require('next-compose-plugins');
const withImages = require('next-images');
const withPWA = require('next-pwa');
const runtimeCaching = require('next-pwa/cache');

const isProduction = process.env.NODE_ENV === 'production';

module.exports = async _phase => {
	/** @type {import('next').NextConfig} */
	const nextConfig = {
		reactStrictMode: true,
		swcMinify: true,
		images: {
			domains: ['avatars.githubusercontent.com'],
		},
	};

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

						return config;
					},
				}),
			],
			[
				withPWA({
					dest: 'public',
					register: true,
					skipWaiting: true,
					runtimeCaching,
					buildExcludes: [/middleware-manifest.json$/],
					disable: !isProduction,
				}),
			],
		],
		nextConfig
	)(_phase, { defaultConfig: {} });
};