Content tagged with "mdx"
How I added a lightweight TIL (Today I Learned) content type by defining a new Velite collection, reusing existing components with minimal adaptation, and integrating into search — all without a single new dependency.
A deep dive into the architecture behind shinyaz.com — why I chose Velite over Contentlayer, how I handle bilingual content without an i18n library, and the design decisions behind a minimal, monochrome developer blog.
When detecting mermaid code blocks in MDX components, className='language-mermaid' won't work because rehype-pretty-code transforms it to a data-language attribute and wraps content in span trees.
Omitting the language on fenced code blocks in MDX causes rehype-pretty-code to produce broken HTML. Always specify a language like text for non-code content.
Short Japanese text in Markdown table columns was wrapping vertically. Widening the separator dashes didn't help — applying white-space: nowrap in .prose CSS was the fix.