next.config.js

/** @type {import('next').NextConfig} */
module.exports = {
  reactStrictMode: true,
  i18n: {
    locales: ['en'],
    defaultLocale: 'en',
  },

  // Normally I wouldn't want to build the source maps for production,
  // but the point of this site is to showcase my code.
  productionBrowserSourceMaps: true,
  typescript: {
    // The build process has its own tsconfig.json, which ignores the cypress directory.
    tsconfigPath: './tsconfig.build.json',
  },

  webpack(config) {
    // Prevent the error: `Module not found: Can't resolve 'fs'`
    // For some reason this happens when importing `depth-section`
    // https://stackoverflow.com/a/67478653/8886761
    config.resolve.fallback = {
      ...config.resolve.fallback,
      fs: false,
    }

    return config
  },

  // https://nextjs.org/docs/api-reference/next.config.js/redirects
  async redirects() {
    return [
      {
        source: '/art',
        destination: 'https://insta-art-frontend.vercel.app/',
        permanent: false,
      },
      {
        source: '/shopping',
        destination: 'https://ck-shopping.vercel.app/',
        permanent: false,
      },
      {
        source: '/github',
        destination: 'https://github.com/ChrisCrossCrash',
        permanent: false,
      },
      {
        source: '/chatgpt-prompt-divider',
        destination: 'https://chatgpt-prompt-divider.vercel.app/',
        permanent: false,
      },
    ]
  },
}