next.config.mjs

// @ts-check

/**
 * Customize the build output type
 * - `undefined`: The default build output, `.next` directory, that works with production mode `next start` or a hosting provider like Vercel
 * - `'standalone'`: A standalone build output, `.next/standalone` directory, that only includes necessary files/dependencies. Useful for self-hosting in a Docker container.
 * - `'export'`: An exported build output, `out` directory, that only includes static HTML/CSS/JS. Useful for self-hosting without a Node.js server.
 * 
 * @type {any}
 */
const output = process.env.NEXT_OUTPUT

/**
 * Next.js configuration
 * 
 * @see https://nextjs.org/docs/app/api-reference/next-config-js
 * 
 * @param {string} phase 
 * @param {{ 
 *  defaultConfig: import('next').NextConfig
 * }} options 
 * @returns {Promise<import('next').NextConfig>}
 */
const nextConfig = async (phase, { defaultConfig }) => {
  return {
    trailingSlash: true,
    reactStrictMode: true,

    output,

    images: {
      /**
       * When generating static version of your website (export), Next.js can't optimize images for you
       * so you will need to disable this option.
       */
      unoptimized: output === 'export',

      domains: [
        "cdn.dribbble.com",
        "i.pinimg.com",
        "miro.medium.com",
        "images.pexels.com",
      ],
    },
  };
};

export default nextConfig