1Markdown String
2  ↓ gray-matter (extract frontmatter)
3Markdown Content
4  ↓ remark-parse (unified)
5Markdown AST (mdast)
6  ↓ remark-gfm
7Enhanced Markdown AST (tables, strikethrough, etc.)
8  ↓ remark-rehype
9HTML AST (hast)
10  ↓ rehype-raw (parse raw HTML nodes)
11  ↓ rehype-unwrap-images (cleanup <p> wrappers)
12Processed HTML AST
13  ↓ rehype-react (with custom component mappings)
14React Elements (JSX)
15  ↓ <Prose> wrapper
16Final Rendered Output
17

1import md from "@/lib/md";
2
3const parsed = await md.parse(markdown);
4const rendered = md.render(parsed);
5