Front Matter is a CMS running straight in Visual Studio Code. Can be used with static site generators like Hugo, Jekyll, Hexo, NextJs, Gatsby, and many more...

pushedAt 1 hour ago


Front Matter

Front Matter a CMS running straight in Visual Studio Code

Visual Studio Marketplace Number of installs Ratings Buy me a coffee

Check out the extension documentation at frontmatter.codes

What is Front Matter?

Front Matter is an essential Visual Studio Code extension that simplifies working and managing your markdown articles. We created the extension to support many static-site generators like Hugo, Jekyll, Hexo, NextJs, Gatsby, and more.

The extension brings Content Management System (CMS) capabilities straight within Visual Studio Code. For example, you can keep a list of the used tags, categories, create content, and so much more.

Our main extension features are:

  • Page dashboard where you can get an overview of all your markdown pages. You can use it to search, filter, sort your contents.
  • Site preview within Visual Studio Code
  • SEO checks for title, description, and keywords
  • Support for custom actions/scripts
  • and many more

Site preview

If you see something missing in your article creation flow, please feel free to reach out.

Version 5

The new media dashboard redesign got introduced + support for setting metadata on media files v5.0.0 release notes.

Version 4

Support for Team level settings, content-types, and image support. Get to know more at: v4.0.0 release notes.

Version 3

In version v3 we introduced the welcome and dashboard webview. The welcome view allows to get you started using the extension, and the dashboard allows you to manage all your markdown pages in one place. This makes it easy to search, filter, sort, and more.

Version 2

In version v2 we released the re-designed sidebar panel with improved SEO support. This extension makes it the only extension to manage your Markdown pages for your static sites in Visual Studio Code.

Front Matter - Managing your static sites straight from within VS Code | Product Hunt


You can get the extension via:

Info: The docs can be found on frontmatter.codes.

Beta version

If you have the courage to test out the beta features, we made available a beta version as well. You can install this via:

Info: The BETA docs can be found on beta.frontmatter.codes.


Check out the extension documentation at frontmatter.codes

👉 Contributors 🤘

🖤 Backers & Sponsors 👇 🤘

ucloud ads