Front Matter

Front Matter is a Visual Studio Code extension that brings headless CMS functionality directly into your code editor. It lets you manage content for static site generators like Hugo, Jekyll, Docusaurus, Next.js, and Gatsby without leaving your development environment. You can create and edit articles, manage front matter metadata, and organize media files through an integrated dashboard.

The extension works entirely within VS Code, meaning your content stays local and secure. It provides real-time previews of your site and pages, SEO checks to optimize your content, and customizable content types to match your site's structure. You can also create custom scripts to automate tasks like generating preview images or processing content.

Front Matter is ideal for developers who maintain static sites and want to streamline their content workflow. It eliminates the need to switch between a separate CMS and your code editor, making it easier to keep content and code in sync. The tool is free, open-source, and works offline, with changes committed to your repository when you're back online.