Astro MD Editor

About

Astro MD Editor is a schema-aware editor for Astro content collections. It combines frontmatter and markdown/MDX editing in one UI, validates content before save, and can reuse values from a file’s Git history.

Why I built it

Astro content collections are powerful, but editing markdown and schema-backed frontmatter still often means jumping between code, docs, and manual validation. I wanted a developer tool that made content editing safer without hiding the filesystem-based workflow that makes Astro nice.

Highlights

• Edit frontmatter and markdown together in one place
• Validate frontmatter against collection schemas on save
• Support image fields from both src assets and public assets
• View file-level Git history and apply selected values safely
• Packaged as an open-source CLI for Astro developers

Engineering decisions

The important part was respecting the user’s existing project structure. The editor reads Astro content schemas, works with local files, and validates before save so invalid content does not quietly enter the project.

That makes it more than a markdown editor: it is a small product around schema-aware developer workflows.

Quick Start

npx astro-md-editor
# or
pnpm dlx astro-md-editor

If schema files are missing in your Astro project, run:

astro sync