React with MDX

Create a new React app with MDX support:

deno run -A -r --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 "";
import rehypeHighlight from "";

  loaders: [
    new MDXLoader({
      remarkPlugins: [remarkFrontmatter],
      rehypePlugins: [rehypeHighlight],
  router: {
    glob: "./routes/**/*.{tsx,mdx,md}",
  ssr: true,

See Extending MDX for more details.