fix(website): migrate blog from next-mdx-remote to @next/mdx

next-mdx-remote evaluates MDX at runtime with a different React version
than Next.js 16's internal canary, causing build failures. Switch to
@next/mdx which compiles MDX through Next.js's own bundler pipeline.

- Replace next-mdx-remote with @next/mdx, @mdx-js/mdx, @mdx-js/loader
- Use dynamic imports for blog MDX files instead of MDXRemote
- Add remark-frontmatter so compiler skips YAML frontmatter blocks
- Gate cache/CSP headers to production only (immutable dev chunks
  were poisoning browser cache)

Made-with: Cursor
This commit is contained in:
Ayush Rodrigues
2026-04-27 17:24:09 +01:00
parent ea227a29ac
commit 3fed1a27df
5 changed files with 48 additions and 15 deletions

View File

@@ -0,0 +1,6 @@
import type { MDXComponents } from "mdx/types";
import { mdxComponents } from "@/components/blogComponents";
export function useMDXComponents(components: MDXComponents): MDXComponents {
return { ...mdxComponents, ...components };
}