next.config.js

const withPreact = require('next-plugin-preact');
const withBundleAnalyzer = require('@next/bundle-analyzer')({
  enabled: process.env.ANALYZE === 'true',
});
const withPWA = require('next-pwa');
const runtimeCaching = require('next-pwa/cache');

/**
 * @type {import('next').NextConfig}
 */
const nextConfig = {
  images: {
    domains: ['rickandmortyapi.com'],
    formats: ['image/avif', 'image/webp'],
    deviceSizes: [420, 750, 920, 1080],
    imageSizes: [420, 750, 920, 1080],
  },
  pwa: {
    disable: process.env.NODE_ENV === 'development',
    dest: 'public',
    runtimeCaching,
  },
  webpack: (config, { isServer }) => {
    // Fixes npm packages that depend on `fs` module
    if (!isServer) {
      config.resolve.fallback = { fs: 'empty' }; // eslint-disable-line no-param-reassign
    }

    return config;
  },
};
module.exports = withBundleAnalyzer(withPWA(withPreact(nextConfig)));