next.config.js

const withMarkdoc = require("@markdoc/next.js");
const fs = require("fs");

module.exports =
  withMarkdoc(/* config: https://markdoc.io/docs/nextjs#options */)({
    images: {
      remotePatterns: [
        {
          protocol: "https",
          hostname: "cdn.hashnode.com",
          port: "",
        },
      ],
    },
    webpack: (configuration) => {
      configuration.module.rules.push(
        {
          test: /\.svg$/,
          use: ["@svgr/webpack", "file-loader"],
        },
        {
          test: /\.md$/,
          use: "frontmatter-markdown-loader",
        },
        {
          test: /\.ya?ml$/,
          // use: 'js-yaml-loader',
          use: "raw-loader", // Use raw-loader to load YAML as a string to preserve comments
        }
      );
      return configuration;
    },
    async exportPathMap(defaultPathMap) {
      return {
        ...defaultPathMap,
      };
    },
    pageExtensions: ["js", "jsx", "ts", "tsx", "md", "mdoc"],
    i18n: {
      locales: ["en"],
      defaultLocale: "en",
    },
  });