Create a new React app with MDX support:
deno run -A -r https://alephjs.org/init.ts --template=react-mdx
You can add remark plugins and rehype plugins for the MDX Loader in server.ts
import { serve } from "aleph/server";
import remarkFrontmatter from "https://esm.sh/remark-frontmatter@4.0.1";
import rehypeHighlight from "https://esm.sh/rehype-highlight@5.0.2";
serve({
loaders: [
new MDXLoader({
remarkPlugins: [remarkFrontmatter],
rehypePlugins: [rehypeHighlight],
}),
],
router: {
glob: "./routes/**/*.{tsx,mdx,md}",
},
ssr: true,
});
See Extending MDX for more details.