mdact

mdact is a markdown-to-React library plus a reference blog you can host on GitHub Pages or Vercel. Drop .md files into content/ and the app renders them with the custom mdact parser.

Install

npm install mdact

Local development

npm install
npm run dev

Setup guide

1. Create new markdown files in content/ with frontmatter.
2. Use import.meta.glob (see src/lib/content.ts) to load posts.
3. Render post.body with the mdact renderer.

---
title: My New Post
summary: A short teaser.
date: 2024-05-25
---

# My New Post

Write markdown here.

Current features

• Headings (H1–H3)
• Paragraphs and blockquotes
• Lists
• Fenced code blocks with language labels
• Inline formatting for bold, italic, and inline code

Deploying

• GitHub Pages: Build with npm run build, then deploy the dist/ folder.
• Vercel: Import the repo, set the build command to npm run build, and output to dist.