next.config.js

/**
 * Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation. This is especially useful
 * for Docker builds.
 */
import createMDX from "@next/mdx";

import "./src/env.js";

/** @type {import("next").NextConfig} */
const config = {
  pageExtensions: ["js", "jsx", "md", "mdx", "ts", "tsx"],

  generateBuildId: async () => `build-${Date.now()}`,

  // Exclude native modules from Server Components bundling
  serverExternalPackages: ["isolated-vm"],

  experimental: {
    // Enable MDX-RS for better Turbopack support
    mdxRs: true,
  },

  async headers() {
    return [
      {
        source: "/(.*)",
        headers: [
          {
            key: "Content-Security-Policy",
            value: [
              "default-src 'self'",
              "script-src 'self' 'unsafe-eval' 'unsafe-inline' https://authkit.workos.com https://*.workos.com",
              "style-src 'self' 'unsafe-inline'",
              "img-src 'self' data: https:",
              "font-src 'self' data:",
              "connect-src 'self' https://api.workos.com https://*.workos.com https://api.nango.dev https://*.posthog.com https://eu.i.posthog.com",
              "frame-src 'self' https://authkit.workos.com https://*.workos.com https://connect.nango.dev",
            ]
              .join("; ")
              .replace(/\s{2,}/g, " ")
              .trim(),
          },
        ],
      },
    ];
  },
};

// Create MDX configuration with Turbopack-compatible setup
// Both syntax highlighting and mermaid diagrams are handled client-side
const withMDX = createMDX({
  extension: /\.mdx?$/,
  options: {
    remarkPlugins: [],
    rehypePlugins: [],
  },
});

export default withMDX(config);