nextjs chaining multiple plugins with configs

next.config.mjs

import { paraglide } from "@inlang/paraglide-next/plugin";
import createMDX from "@next/mdx";

// Define paraglide configuration
const paraglideConfig = {
  paraglide: {
    project: "./project.inlang",
    outdir: "./src/paraglide",
  },
  basePath: "",
};

// Define Next.js config
const nextConfig = {
  // Configure `pageExtensions` to include markdown and MDX files
  pageExtensions: ["js", "jsx", "md", "mdx", "ts", "tsx"],
  // Optionally, add any other Next.js config below
};

// Configure MDX
const withMDX = createMDX({
  // Add markdown plugins here, as desired
});

// Merge paraglide config with Next.js config
const mergedConfig = {
  ...nextConfig,
  ...paraglideConfig,
};

// Merge MDX config with merged config
const finalConfig = withMDX(mergedConfig);

export default paraglide(finalConfig);