Markdown Editor
Write and preview markdown side by side without switching tools.
Writing markdown for blogs and docs meant switching between a separate editor and a separate previewer, with no live sync.
A public deployment is available to try.
Case Study
Before
Writing markdown content for blogs and docs required switching between editors and previewers — no single tool offered live preview with export to multiple formats.
After
Streamlined the content creation workflow from writing to publishing. The MDX export integrates directly with the portfolio blog pipeline.
How it's solved
Built a split-pane markdown editor with real-time preview, syntax highlighting, toolbar shortcuts, and export to HTML, PDF, and MDX. Added support for custom themes and keyboard shortcuts for power users.
Trade-offs
Export to PDF relies on browser print rendering — complex custom styling doesn't always translate exactly.
Related Articles
Further reading on related topics from the blog
Building 100 Micro-Frontends: Lessons from a Solopreneur Journey
How I built and deployed 100 independently deployed micro-frontends on Vercel, the architecture decisions, trade-offs, and what I learned about scaling a one-person dev operation.
AI Integration Patterns for Web Developers: A Practical Guide
Practical patterns for integrating AI into web applications — from prompt engineering and streaming responses to building AI-powered tools that solve real user problems.
Essential AI Tools for Developers and Designers in 2025
A curated list of powerful AI tools that are transforming how developers and designers work, from OCR to design assistants.
Related Projects
More in Tech Domain · Book Dev