next.config.js

/* eslint-disable @typescript-eslint/no-var-requires */

require('dotenv').config();
const path = require('path');

const nextConfig = {
  images: {
    disableStaticImages: true, // We inline images ourselves for PDF compatibility
  },
  eslint: {
    ignoreDuringBuilds: true,
  },
  env: {
    WEBSITE_URL: process.env.WEBSITE_URL,
    API_URL: process.env.API_URL,
    API_KEY: process.env.API_KEY,
    LOG_LEVEL: process.env.LOG_LEVEL,
  },
  rewrites: async () => {
    return [
      {
        source: '/tax-form/:filename',
        destination: '/api/tax-form/:filename',
      },
    ];
  },
  webpack: (config) => {
    // See https://styled-components.com/docs/faqs#how-can-i-fix-issues-when-using-npm-link-or-yarn-link
    config.resolve.alias['styled-components'] = path.join(__dirname, 'node_modules/styled-components');

    // Inline images
    config.module.rules.push({
      test: /\.(jpg|gif|png|svg|)$/,
      use: {
        loader: 'url-loader',
        options: {
          limit: 1000000,
          fallback: 'file-loader',
        },
      },
      include: [path.resolve(__dirname, 'public')],
    });

    // Inline fonts
    config.module.rules.push({
      test: /\.(ttf|eot|woff|woff2)$/,
      use: {
        loader: 'url-loader',
        options: {
          limit: 750000, // 1mo
        },
      },
    });

    return config;
  },
};

module.exports = nextConfig;