Front MatterHeadless CMS right in your code editor

Experience the best of both worlds with Front Matter, the CMS that runs within Visual Studio Code, GitPod, and many more. Get control over your static generator's content by bringing in the CMS features from Front Matter. Start creating and previewing content in real-time - no complicated setup.

Front Matter - Headless CMS - Content Dashboard

A CMS that works seamlessly with any static site generator

  • 11ty
  • Astro
  • Docusaurus
  • Gatsby
  • Hugo
  • Jekyll
  • Next.js

and many more...

Pick your generator and start managing your static site in minutes

Editing your articles made easy

With Front Matter, you can easily manage your articles, front matter, and metadata right from within your editor. Our platform seamlessly integrates with your editor, so you can create, edit, and preview your content in real-time. Say goodbye to switching between tools - Front Matter makes it easy to manage your content in one place. Get started today and see how Front Matter can streamline your content creation process.

Learn more
Front Matter CMS - Article editing and front matter management in VS Code

Bringing the CMS to your editor

Why waste time switching between tools when you can do it all in one place? With Front Matter, you can stay in your preferred editor and easily create, manage, and publish content. Our unique features transform your editor into a powerful content management system, so you can focus on what matters most - creating great content.

Get started
Front Matter CMS editor dashboard of your static site content

Managing your media was never easier

With Front Matter's media dashboard, it's easy to access and manage all your media files right from within Visual Studio Code. Quickly browse your content folders, insert media into your articles, and perform various media actions - all with just a few clicks. Keep your media organized and at your fingertips with Front Matter's intuitive media dashboard.

See what it can do
Front Matter CMS - media management was never easier in VS Code

Features

Check out our main features which help you manage your static-site

100% secure CMS

Front Matter is a content management system that's built right into Visual Studio Code - no need for separate accounts or dependencies on websites or APIs. Plus, you can work offline and commit your changes when you're online. As we are not an online service, your content is protected from DDoS attacks and other threats.

Content Types

Front Matter gives you the power to define and customize your content types to fit your specific needs. Our platform comes with a default content mapping, but you have the flexibility to extend or alter it. With Front Matter, you're in control of your content.

Full site/page preview

Preview your site and pages directly within Visual Studio Code - no need to switch to a separate browser window. Our seamless integration allows you to see your changes in real-time and make adjustments on the fly.

Content, media, snippets, and data dashboard

Front Matter's dashboard is your one-stop-shop for managing all your content, media, snippets, and data files. Easily filter by your content folders and perform quick actions to keep everything organized and accessible.

SEO Checks

Front Matter's SEO checks help you create better, more optimized articles. Get in-depth information about your title, description, content, keywords, and more, so you can make informed decisions about how to improve your SEO.

Use it the way you want it

Front Matter is fully configurable to your needs. Customize your editor experience, and if you have specific needs, our custom scripting capability lets you add your own actions and hooks - for example, to generate preview images or automate other processes.

Missing a feature?

Tell us what you need

Pricing

Front Matter CMS is a free and open-source platform, dedicated to making it one of the best CMSs for your static site generator. If you'd like to support our efforts, consider becoming one of our sponsors.

What people are saying

Explore reviews from Front Matter CMS users

杰 张
我用hugo写技术博客,子目录多了,分类多了,tag多了,我当然可以通过一些命令操作快速看到全局,但是front matter cms更方便。
Big.Gay.Santa
Front Matter CMS has made my transition to Hugo from Wordpress so much easier than I thought it was going to be! Thanks, Elio, for this delightful tool
Benjamin
Makes it so much easier to add and edit posts on my blog. Thanks!
medev25
great
Scot Campbell
I can't say enough good things about the Front Matter plugin for VS Code. As someone who manages a Jekyll site, I've found it to be an absolute game-changer. It's like having a super-smart assistant that knows exactly what I need when I'm working on my site. The way it handles front matter in Markdown files is just brilliant - it's made the whole process of adding and editing metadata so much smoother. I used to dread this part of content management, but now it's actually enjoyable. What really blows me away is how customizable this plugin is. It's like it was made just for me! I've been able to tweak it to fit my workflow perfectly, which has been a huge time-saver. And the fact that it works seamlessly in Cursor IDE, which is the VS Codium flavor I use, is the icing on the cake. If you're running a Jekyll site and haven't tried Front Matter yet, trust me, you're missing out. It's become such an essential part of my toolkit that I can't imagine working without it now.
Wenqiang
算是免费里最强的吧,比一些收费的还好用。

Ready to get started?

Special thanks to our backers & sponsors

Contributors