React with MDX

Create a new React app with MDX support:

deno run -A -r https://alephjs.org/init.ts --template=react-mdx

Extending 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.