{"id":13406066,"url":"https://github.com/estruyf/vscode-front-matter","last_synced_at":"2025-05-14T06:11:50.714Z","repository":{"id":37360741,"uuid":"204027578","full_name":"estruyf/vscode-front-matter","owner":"estruyf","description":"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...","archived":false,"fork":false,"pushed_at":"2025-04-24T18:01:29.000Z","size":43382,"stargazers_count":2195,"open_issues_count":95,"forks_count":87,"subscribers_count":15,"default_branch":"main","last_synced_at":"2025-05-06T09:26:08.657Z","etag":null,"topics":["cms","content-management","content-management-system","hacktoberfest","markdown","static-site","static-site-generator","vscode","vscode-extension"],"latest_commit_sha":null,"homepage":"https://frontmatter.codes","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/estruyf.png","metadata":{"files":{"readme":"README.beta.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":"SUPPORT.md","governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null},"funding":{"github":["estruyf"]}},"created_at":"2019-08-23T15:44:41.000Z","updated_at":"2025-05-05T14:48:04.000Z","dependencies_parsed_at":"2023-09-21T22:52:16.673Z","dependency_job_id":"402e4882-14a4-4002-be71-8fa2e64937ba","html_url":"https://github.com/estruyf/vscode-front-matter","commit_stats":{"total_commits":1773,"total_committers":20,"mean_commits":88.65,"dds":"0.10152284263959388","last_synced_commit":"6c591a90bd01c23588024d318b6d6d15591cf77f"},"previous_names":[],"tags_count":76,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/estruyf%2Fvscode-front-matter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/estruyf%2Fvscode-front-matter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/estruyf%2Fvscode-front-matter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/estruyf%2Fvscode-front-matter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/estruyf","download_url":"https://codeload.github.com/estruyf/vscode-front-matter/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254080070,"owners_count":22011315,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["cms","content-management","content-management-system","hacktoberfest","markdown","static-site","static-site-generator","vscode","vscode-extension"],"created_at":"2024-07-30T19:02:19.975Z","updated_at":"2025-05-14T06:11:50.647Z","avatar_url":"https://github.com/estruyf.png","language":"TypeScript","funding_links":["https://github.com/sponsors/estruyf"],"categories":["TypeScript","vscode-extension"],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003e\n  \u003ca href=\"https://frontmatter.codes\"\u003e\n    \u003cimg alt=\"Front Matter\" src=\"https://frontmatter.codes/assets/frontmatter-social.png\"\u003e\n  \u003c/a\u003e\n\u003c/h1\u003e\n\n\u003ch2 align=\"center\"\u003eFront Matter a CMS running straight in Visual Studio Code\u003c/h2\u003e\n\n\u003ch2 align=\"center\"\u003eThis is the BETA version of Front Matter. If you were looking for the main version, check it out at \u003ca href=\"https://frontmatter.codes\"\u003efrontmatter.codes\u003c/a\u003e\u003c/h2\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://marketplace.visualstudio.com/items?itemName=eliostruyf.vscode-front-matter\" title=\"Check it out on the Visual Studio Marketplace\"\u003e\n    \u003cimg src=\"https://vscode-marketplace-badge.vercel.app/api/badge/version/eliostruyf.vscode-front-matter\" alt=\"Visual Studio Marketplace\" style=\"display: inline-block\" /\u003e\n  \u003c/a\u003e\n\n  \u003cimg src=\"https://vscode-marketplace-badge.vercel.app/api/badge/installs/eliostruyf.vscode-front-matter\" alt=\"Number of installs\"  style=\"display: inline-block;margin-left:10px\" /\u003e\n\n  \u003cimg src=\"https://vscode-marketplace-badge.vercel.app/api/badge/rating/eliostruyf.vscode-front-matter\" alt=\"Ratings\" style=\"display: inline-block;margin-left:10px\" /\u003e\n\n  \u003ca href=\"https://github.com/sponsors/estruyf\" title=\"Become a sponsor\" style=\"margin-left:10px\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/sponsors/estruyf?color=%23CE2E7C\u0026logo=github\u0026style=flat\" alt=\"Sponsor the project\" style=\"display: inline-block\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003ch2 align=\"center\"\u003e\n  \u003ca href=\"https://beta.frontmatter.codes\" title=\"Documentation @ beta.frontmatter.codes\"\u003e\n    Check out the extension documentation at beta.frontmatter.codes\n  \u003c/a\u003e\n\u003c/h2\u003e\n\n## ❓ What is Front Matter?\n\nFront Matter is a CMS that runs within Visual Studio Code. It gives you the power and control of a full-blown CMS while also providing you the flexibility and speed of the static site generator of your choice. Jump right into editing and creating content with Front Matter and be able to preview it straight in VS Code.\n\nThe extension supports various static-site generators and frameworks like Hugo, Jekyll, Hexo, NextJs, Gatsby, and more.\n\nA couple of our extension highlights that hopefully get you interested in giving Front Matter a try:\n\n- Content, data, and media management\n  - Search, filter, sort, etc. all your content\n  - Create new content\n  - Supporting tools to edit content and media\n- Preview your site/content straight in Visual Studio Code\n- SEO checks for title, description, and keywords\n- Extensibility\n  - As we know, we cannot support all use cases. We provide a way to extend the functionality of the extension to your needs\n- and many more features ...\n\n\u003e Missing something? Let us know by opening an issue on the [GitHub repository](https://github.com/estruyf/vscode-front-matter/issues/new/choose)\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://frontmatter.codes/assets/marketplace/v6.0.0/content-preview.png\" alt=\"Site preview\" style=\"display: inline-block\" /\u003e\n\u003c/p\u003e\n\n\u003e If you see something missing in your article creation flow, please feel free to reach out.\n\n**Version 10**\n\nIn version 10, we introduced the new i18n/multilingual support for your content. You can now manage your content in multiple languages, more information can be found in the [multilingual](https://frontmatter.codes/docs/content-creation/multilingual) section of our documentation.\n\n![Multilingual support](https://beta.frontmatter.codes/releases/v10.0.0/multilingual-content.png)\n\n**Version 9**\n\nThe extension is now available in multiple languages: English, German, and Japanese. Want to add your language? Check out the [localization the extension](https://frontmatter.codes/docs/contributing#translating-the-extension).\n\n**Version 8**\n\nThe taxonomy dashboard got introduced on which you can manage your tags, categories, and custom taxonomy.\n\n![Taxonomy dashboard](https://beta.frontmatter.codes/assets/marketplace/v8.1.0/taxonomy-dashboard.png)\n\n**Version 7**\n\nSnippets support for Front Matter has been added!\n\n![Snippets dashboard](https://frontmatter.codes/assets/marketplace/v7.0.0/snippets-dashboard.png)\n\n**Version 6**\n\nIn this version, we introduced the new data files/folders dashboard. You can find more information about the release in our [v6.0.0 release notes](https://frontmatter.codes/updates/v6.0.0).\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://frontmatter.codes/assets/marketplace/v6.0.0/data-dashboard.png\" alt=\"Data dashboard\" style=\"display: inline-block\" /\u003e\n\u003c/p\u003e\n\n\u003e Data files/folders are pieces of content that do not belong to any markdown content, but live on their own. Most of the time, these data files are used to store additional information about your project/blog/website that will be used to render the content.\n\n**Version 5**\n\nThe new media dashboard redesign got introduced + support for setting metadata on media files [v5.0.0 release notes](https://frontmatter.codes/updates/v5.0.0).\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://frontmatter.codes/assets/marketplace/v5.9.0/media-dashboard.png\" alt=\"Data dashboard\" style=\"display: inline-block\" /\u003e\n\u003c/p\u003e\n\n**Version 4**\n\nSupport for Team level settings, content-types, and image support. Get to know more at: [v4.0.0 release notes](https://frontmatter.codes/updates/v4_0_0).\n\n**Version 3**\n\nIn 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.\n\n**Version 2**\n\nIn 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.\n\n\u003cp align=\"center\" style=\"margin-top: 2rem;\"\u003e\n  \u003ca href=\"https://www.producthunt.com/posts/front-matter?utm_source=badge-featured\u0026utm_medium=badge\u0026utm_souce=badge-front-matter\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://api.producthunt.com/widgets/embed-image/v1/featured.png?post_id=309033\u0026theme=dark\" alt=\"Front Matter BETA - Managing your static sites straight from within VS Code | Product Hunt\" style=\"width: 250px; height: 40px;\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n## ⚙️ Installation\n\nYou can get the extension via:\n\n- The VS Code marketplace: [VS Code Marketplace - Front Matter](https://marketplace.visualstudio.com/items?itemName=eliostruyf.vscode-front-matter).\n- The extension CLI: `ext install eliostruyf.vscode-front-matter`\n- Or by clicking on the following link: \u003ca href=\"\" title=\"open extension in VS Code\" data-vscode=\"vscode:extension/eliostruyf.vscode-front-matter\"\u003eopen extension in VS Code\u003c/a\u003e\n\n\u003e **Info**: The docs can be found on [frontmatter.codes](https://frontmatter.codes).\n\n### 🧪 Beta version\n\nIf you have the courage to test out the beta features, we made available a beta version as well. You can install this via:\n\n- Uninstall the main Front Matter version\n- Install the beta version\n  - VS Code marketplace: [VS Code Marketplace - Front Matter BETA](https://marketplace.visualstudio.com/items?itemName=eliostruyf.vscode-front-matter-beta).\n  - The extension CLI: `ext install eliostruyf.vscode-front-matter-beta`\n  - Or by clicking on the following link: \u003ca href=\"\" title=\"open extension in VS Code\" data-vscode=\"vscode:extension/eliostruyf.vscode-front-matter-beta\"\u003eopen extension in VS Code\u003c/a\u003e\n\n\u003e **Info**: The BETA docs can be found on [beta.frontmatter.codes](https://beta.frontmatter.codes).\n\n## 📖 Documentation\n\nAll documentation can be found on [frontmatter.codes](https://frontmatter.codes).\n\nDocumentation repository: [GitHub - Front Matter DOCs](https://github.com/FrontMatter/web-documentation-nextjs)\n\n## 💪 Contributing\n\nPull requests are welcome. Please open an issue first to discuss what you would like to change, or which problem you would like to fix. This makes it easier for us to follow-up and plan for future releases.\n\nYou can always help us improve the extension in varous ways like:\n\n- Testing out the extension and providing feedback\n- Reporting issues and bugs\n- Suggesting new features\n- Fixing an issue\n- Updating documentation\n- UI improvements\n- Tutorials\n- etc.\n\nEager to start contributing? Great 🤩, you can contribute to the following projects:\n\n- [Extension](https://github.com/estruyf/vscode-front-matter)\n- [Documentation](https://github.com/FrontMatter/web-documentation-nextjs)\n- [Sample Projects](https://github.com/FrontMatter/project-samples)\n\n## 👀 Show the work you are using Front Matter\n\nAre you using Front Matter and are you interested in showing for which websites you use it? You can show your work by opening a [showcase issue](https://github.com/estruyf/vscode-front-matter/issues/new?assignees=\u0026labels=\u0026template=showcase.md\u0026title=Showcase%3A+).\n\nYou can open showcase issues for the following things:\n\n- Show the website for which you use Front Matter;\n- Share an article/video/webcast/... that explains how you use Front Matter;\n- Got something else to share? Open an issue and we can see where it fits on our website.\n\n## 👉 Contributors 🤘\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/estruyf/vscode-front-matter/graphs/contributors\"\u003e\n    \u003cimg src=\"https://contrib.rocks/image?repo=estruyf/vscode-front-matter\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n## 💚 Backers \u0026 Sponsors 👇 🤘\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://api.frontmatter.codes/img-sponsors\" alt=\"Front Matter sponsors\" /\u003e\n\u003c/p\u003e\n\n\u003cbr /\u003e\n\n\u003cp align=\"center\" title=\"Powered by Netlify\"\u003e\n  \u003ca href=\"https://www.netlify.com?utm_source=vscode-frontmatter\u0026utm_campaign=oss\"\u003e\n    \u003cimg src=\"https://frontmatter.codes/assets/sponsors/netlify-dark.png\" alt=\"Deploys by Netlify\" height=\"51px\" /\u003e\n   \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cbr /\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"http://bejs.io/\" title=\"Supported by the BEJS Community\"\u003e\n    \u003cimg src=\"https://frontmatter.codes/assets/sponsors/bejs-community.png\" alt=\"Supported by the BEJS Community\" height=\"50px\"/\u003e\n   \u003c/a\u003e\n\u003c/p\u003e\n\n## 📊 Telemetry\n\nThe Front Matter CMS extension only uses telemetry on application crashes. The extension respects the `telemetry.enableTelemetry` setting which you can learn more about in the [Visual Studio Code FAQ](https://aka.ms/vscode-remote/telemetry).\n\nFor crash reports in the webviews, we make use of Sentry to help us understand what went wrong. This data is only used to fix issues and improve the extension. You can find more information about the Sentry implementation in the following files:\n\n- [Sentry config](https://github.com/estruyf/vscode-front-matter/blob/63e296d62f11be73ac86d9e823084247952a7ddc/src/utils/sentryInit.ts)\n\n\u003e The user ip address is not collected.\n\n## 🔑 License\n\n[MIT](./LICENSE)\n\u003cbr /\u003e\n\u003cbr /\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://visitorbadge.io\"\u003e\n    \u003cimg src=\"https://api.visitorbadge.io/api/VisitorHit?user=estruyf\u0026repo=vscode-front-matter\u0026countColor=%23F05450\u0026labelColor=%230E131F\" height=\"25px\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Festruyf%2Fvscode-front-matter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Festruyf%2Fvscode-front-matter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Festruyf%2Fvscode-front-matter/lists"}