next.config.js

/** @type {import('next').NextConfig} */
const path = require("path");
const withLinaria = require("next-linaria");
const withPlugins = require("next-compose-plugins");

const customRedirects = require("./redirects.config");
const withBundleAnalyzer = require("@next/bundle-analyzer")({
  enabled: process.env.ANALYZE === "true",
});

const linariaConfig = withLinaria({
  async redirects() {
    return [
      // We moved the privacy policy to /static to make the next rule
      // simpler, so we need to redirect it before it, instead of in a customRedirect
      {
        source: "/privacy-policy",
        destination: "/static/privacy-policy.html",
        permanent: false,
      },
      {
        /**
         * NOTE: this removes '.html' extensions from URLs
         * e.g. https://hardhat.org/hardhat-network/explanation/mining-modes.html becomes
         * https://hardhat.org/hardhat-network/explanation/mining-modes
         *
         * We need this to keep the links of the previous version workable.
         *
         * We host some static html files in /static/ though.
         */
        source: "/:slug((?!static\\/).*).html",
        destination: "/:slug*",
        permanent: true,
      },
      ...customRedirects,
    ];
  },
  reactStrictMode: true,
  future: {
    webpack5: true,
  },
  webpack(baseConfig) {
    // eslint-disable-next-line no-param-reassign
    baseConfig.resolve.alias.theme = path.resolve(__dirname, "./src/themes");
    return baseConfig;
  },
  linaria: {
    cacheDirectory:
      process.env.NODE_ENV === "production"
        ? ".next/cache/.linaria-cache"
        : ".linaria-cache",
  },
  pageExtensions: ["ts", "tsx", "js", "jsx", "md", "mdx"],
  images: {
    dangerouslyAllowSVG: true,
    domains: ["img.shields.io", "hardhat.org"],
  },
});

module.exports = withPlugins([linariaConfig, withBundleAnalyzer]);
module.exports.linariaConfig = linariaConfig;