frontmatter-cms

Convierte Visual Studio Code en un CMS con Front Matter CMS

Front Matter CMS es una extensión para Visual Studio Code que nos permite convertirlo en un CMS (Sistema de Gestión de Contenido) headless y muy ligero.

Frente a los CMS tradicionales como Wordpress, existe una marcada tendencia a empleo de generadores estáticos para sitios donde el componente dinámico no es tan necesario.

Emplear un generador tiene ventajas en términos de velocidad y seguridad del sitio, pero también supone perder funcionalidades de gestión de contenido que son cómodas de usar.

Aquí entra en juego Front Matter CMS, como una herramienta de gestión de contenido muy ligera, que se integra con Visual Studio Code, y nos proporciona ciertas herramientas para gestionar nuestro contenido.

Estas características incluyen:

  • Soporte para el formato de archivo Markdown.
  • La capacidad de agregar metadatos YAML a cada archivo Markdown.
  • Funcionalidad completa de control de versiones Git.
  • Búsqueda y filtrado avanzados para encontrar fácilmente el contenido.
  • Integración con otros CMS populares, como Jekyll y Hugo.

Además, al estar integrado con Visual Studio Code, este CMS pone muy fácil emplearlo de junto con Git, para mantener control de versiones en todo nuestro contenido prácticamente sin esfuerzo.

Está disponible como extensión en la tienda de Visual Studio Code. Por lo que, para instalarlo, únicamente deberemos buscar “Front Matter CMS” y hacer clic en “Instalar”.

frontmatter-screenshot

A continuación se nos pedirá añadir la carpeta de trabajo donde tenemos el contenido, y configurar una serie de opciones. Finalizado, Front Matter CMS leerá nuestro contenido y podremos empezar a usarlo.

La extensión añade una ventana principal Dashboard, en la que podemos consultar, visualizar, o buscar, entre todo el contenido que tengamos publicado. También podemos filtrar por categorías o taxonomías.

Además, al editar un fichero markdown dentro de nuestra carpeta de contenido, aparecerá un panel en la barra lateral que nos permite editar metadatos como título, descripción, o imagen destacada.

Finalmente, Front Matter también nos permite realizar un pequeño análisis SEO de nuestro contenido analizando, por ejemplo, que la longitud del título o la descripción no sean excesivos.

Front Matter CMS es una opción interesante para desarrolladores, que están acostumbrados a usar VS Code, y desean mantener su flujo de trabajo en un solo lugar.

Es Open Source, y todo el código y la documentación están disponible en la página del proyecto https://frontmatter.codes/