next.config.js

/* eslint-disable import/order */
/* eslint-disable no-param-reassign */
/* eslint-disable global-require */

const withBundleAnalyzer = require('@next/bundle-analyzer')({
  enabled: process.env.ANALYZE === 'true',
});
const redirectsList = require('./public/redirects.json');
const nextTranslate = require('next-translate-plugin');

const externalDevDomain = process.env.VERCEL_ENV !== 'production' ? 'http://localhost:9999' : '';
const securityHeaders = [
  {
    key: 'X-Frame-Options',
    value: 'SAMEORIGIN',
  },
  {
    key: 'Content-Security-Policy',
    value: `frame-ancestors 'self' ${externalDevDomain}`,
  },
];

const removeImports = require('next-remove-imports')();

module.exports = removeImports(nextTranslate(withBundleAnalyzer({
  // rest of config here
  // i18n,
  async headers() {
    return [
      {
        source: '/:path*',
        headers: securityHeaders,
      },
    ];
  },
  async rewrites() {
    return [
      {
        source: '/robots.txt',
        destination: '/api/robots',
      },
    ];
  },
  async redirects() {
    return [
      ...redirectsList,
      {
        source: '/interactive-exercises/:slug',
        destination: '/interactive-exercise/:slug',
        permanent: true,
      },
      {
        source: '/interactive-exercise',
        destination: '/interactive-exercises',
        permanent: true,
      },
      {
        source: '/projects',
        destination: '/interactive-coding-tutorials',
        permanent: true,
      },
      {
        source: '/project',
        destination: '/interactive-coding-tutorials',
        permanent: true,
      },
      {
        source: '/lesson',
        destination: '/lessons',
        permanent: true,
      },
      {
        source: '/lessons/:slug',
        destination: '/lesson/:slug',
        permanent: true,
      },
      {
        source: '/interactive-exercise',
        destination: '/interactive-exercises',
        permanent: true,
      },
      {
        source: '/interactive-exercises/:slug',
        destination: '/interactive-exercise/:slug',
        permanent: true,
      },
      {
        source: '/lessons/technology/:slug',
        destination: '/technology/:slug',
        permanent: true,
      },
      {
        source: '/interactive-exercises/technology/:slug',
        destination: '/technology/:slug',
        permanent: true,
      },
      {
        source: '/interactive-coding-tutorials/technology/:slug',
        destination: '/technology/:slug',
        permanent: true,
      },
      {
        source: '/how-to/technology/:slug',
        destination: '/technology/:slug',
        permanent: true,
      },
    ];
  },
  // swcMinify: false,
  reactStrictMode: true,
  trailingSlash: false,
  webpack: (config) => config,
  compiler: {
    // ssr and displayName are configured by default
    styledComponents: true,
  },
  serverRuntimeConfig: {
    // Will only be available on the server side
    BREATHECODE_HOST: process.env.BREATHECODE_HOST,
    GITHUB_TOKEN: process.env.GITHUB_TOKEN, // Pass through env variables
    BC_ACADEMY_TOKEN: process.env.BC_ACADEMY_TOKEN,
    SYLLABUS: process.env.SYLLABUS,
    TAG_MANAGER_KEY: process.env.TAG_MANAGER_KEY,
    GOOGLE_GEO_KEY: process.env.GOOGLE_GEO_KEY,
    CAPTCHA_KEY: process.env.CAPTCHA_KEY,
  },
  publicRuntimeConfig: {
    // Will be available on both server and client
    BREATHECODE_HOST: process.env.BREATHECODE_HOST,
    NEXT_PUBLIC_ID: process.env.NEXT_PUBLIC_ID,
    BC_ACADEMY_TOKEN: process.env.BC_ACADEMY_TOKEN,
    SYLLABUS: process.env.SYLLABUS,
    TAG_MANAGER_KEY: process.env.TAG_MANAGER_KEY,
    GOOGLE_GEO_KEY: process.env.GOOGLE_GEO_KEY,
    CAPTCHA_KEY: process.env.CAPTCHA_KEY,
    RIGOBOT_HASH: process.env.RIGOBOT_HASH,
    BREATHECODE_PAYMENT: process.env.BREATHECODE_PAYMENT,
  },
  images: {
    // Whitelist for image providers
    domains: [
      'assets.vercel.com',
      'github.com',
      'raw.githubusercontent.com',
      'breathecode.herokuapp.com',
      'avatars.githubusercontent.com',
      'storage.googleapis.com',
      'images.prismic.io',
      'images.unsplash.com',
      'refreshmiami.com',
    ],
    // formats: ['image/avif', 'image/webp'],
  },
  env: {
    BREATHECODE_HOST: process.env.BREATHECODE_HOST,
    BC_ACADEMY_TOKEN: process.env.BC_ACADEMY_TOKEN,
    SYLLABUS: process.env.SYLLABUS,
    TAG_MANAGER_KEY: process.env.TAG_MANAGER_KEY,
    GOOGLE_GEO_KEY: process.env.GOOGLE_GEO_KEY,
    CAPTCHA_KEY: process.env.CAPTCHA_KEY,
    RIGOBOT_HASH: process.env.RIGOBOT_HASH,
    BREATHECODE_PAYMENT: process.env.BREATHECODE_PAYMENT,
    VERCEL_ENV: process.env.VERCEL_ENV,
    PRISMIC_REF: process.env.PRISMIC_REF,
    PRISMIC_API: process.env.PRISMIC_API,
    WHITE_LABEL_ACADEMY: process.env.WHITE_LABEL_ACADEMY,
    DOMAIN_NAME: process.env.DOMAIN_NAME,
    BASE_PLAN: process.env.BASE_PLAN,
    RIGOBOT_HOST: process.env.RIGOBOT_HOST,
  },
})));