Front Matter

Why Front Matter

Why would you leave your editor when you can perform all tasks straight from within it?

We at Front Matter believe that you should keep using what you like. For us, this is Visual Studio Code. Use the same editor you use to code, but with unique features to make it suitable for writing and managing your Markdown articles.

Quickly glance all your media files straight from within VS Code, or insert media into your content. We got your back with our media dashboard. You will be able to filter by your content folders and perform quick media actions.

We provide you the tool, you are in control how you want to use it.

Main features

• 100% secure CMS: A Content Management System built to run within Visual Studio Code. You do not require an account or any dependencies on a website or API, so you do not have to be afraid of DDoS attacks. Write wherever you are, even when you are offline. Commit you changes when you are online.
• Content types: A Content Management System wouldn't be a CMS if you cannot define your type of content to use. Front Matter provides a default content mapping, but you can extend it or change it to your needs. It is your content, and Front Matter will change its behavior to your needs.
• Full site/page preview: Allow showing your site and page previews within Visual Studio Code without the need of opening a browser.
• Content/media dashboard: One of the most powerful features is our dashboard, from where you get an overview of all your content and media files. We tightly integrate with our editor panel so that you can use it, for example, to insert media files into your articles.
• SEO validation: Our search engine optimization checks allow you to write better articles. We show you more information about your title, description, content, keywords, and more.
• Use it the way you want it: All of the functionalities are configurable to your needs. You can define how you want to use Front Matter in your editor experience, but it doesn't stop there. If you are missing something or want to automate. We allow you to add your own actions with the custom scripting capability. For instance, you can use a script and hook it up to the extension to generate preview images.

Get started

Get started with Front Matter by going to frontmatter.codes and get it installed to your VS Code editor.

Missing a feature?

Tell us what you need or feel free to contribute. Get in touch via our issue list.