next.config.js

const { withFaust, getWpHostname } = require("@faustwp/core");

/** @type {import('next').NextConfig} */
module.exports = withFaust({
  reactStrictMode: true,
  swcMinify: true,
  productionBrowserSourceMaps: true,
  trailingSlash: true,
  experimental: {
    swcFileReading: true,
    // Font Loaders
    // fontLoaders: [
    //   {
    //     loader: "@next/font/local",
    //     options: {
    //       display: "swap",
    //       variable: `--font-family-heading`,
    //     },
    //   },
    // ],
  },
  eslint: {
    dirs: ["components", "pages", "fragments", "lib", "styles", "utilities"],
  },
  images: {
    domains: [
      getWpHostname(),
      // "cms.puppyfoodbank.org",
      "localhost",
      // `puppyfoodbank.org`,
      // `cms.puppyfoodbank.org`,
      // `stage.puppyfoodbank.org`,
      // `puppy-foodbank.vercel.app`,
      process.env.NEXT_PUBLIC_WORDPRESS_URL,
    ],
  },
  // SVGR
  webpack(config) {
    config.module.rules.push({
      test: /\.svg$/i,
      issuer: /\.[jt]sx?$/,
      use: ["@svgr/webpack"],
    });

    return config;
  },
  i18n: {
    locales: ["en"],
    defaultLocale: "en",
  },
});