Pequeña confesión aquí: cuando vi por primera vez Netlify CMS de un vistazo, pensé: genial, tal vez lo intente algún día cuando esté explorando los CMS para un nuevo proyecto. Luego, mientras lo miraba con nuevos ojos: ¡Ya puedo usar esto! ¡Es un verdadero CMS en el sentido de que agrega una interfaz de usuario de administración de contenido además de cualquier generador de sitios estáticos que funcione a partir de archivos planos! Piense en cómo puede crear un sitio a partir de archivos Markdown con Gatsby, Jekyll, Hugo, Middleman, etc. Puede crear y editar archivos Markdown y el proceso de creación del sitio se ejecuta y se crea el sitio.
Netlify CMS le brinda a usted (o a cualquier persona para la que lo haya configurado) una forma de crear/editar esos archivos Markdown sin tener que usar un editor de código o saber acerca de las solicitudes de incorporación de cambios en GitHub o cualquier otra cosa. Es una pequeña aplicación en el navegador que le brinda una interfaz de usuario y hace la manipulación de archivos y las cosas de Git detrás de escena.
Aquí hay un ejemplo.
Nuestro sitio web de conferencias es un sitio perfecto para construir con un generador de sitios estáticos.
Está en GitHub, por lo que está abierto a Pull Requests y cada conferencia es un archivo Markdown.
Eso ya es genial. ¡La comunidad ha contribuido con 77 solicitudes de incorporación de cambios que ya están desarrollando el contenido del sitio, el diseño, la accesibilidad y las características también!
Utilicé 11ty para crear el sitio, que funciona muy bien con la creación de esos archivos Markdown en un sitio, utilizando plantillas de Nunjucks. Combo muy satisfactorio, encontré, después de una ligera curva de aprendizaje principalmente relacionada con la configuración.
Introduzca Netlify CMS.
Pero por más cómodos que usted o yo podamos estar con una edición rápida de código y una solicitud de extracción, no todo el mundo lo está. E incluso tengo que aceptar que ir a una URL rápidamente, editar alguna copia en los campos de entrada y hacer clic en el botón Guardar es la forma más fácil de administrar el contenido.
Esa interfaz de usuario de CMS es exactamente lo que le ofrece Netlify CMS. ¿Quieres ver el compromiso completo para agregar Netlify CMS?
¡Son dos archivos! Eso todavía me sorprende un poco. Es una pequeña aplicación SPA React que es completamente configurable con un archivo.
Yendo al grano aquí, una vez que está instalado, ahora tengo una interfaz de usuario totalmente personalizada para editar las conferencias en el sitio disponible directamente en el sitio de producción.
Netlify CMS no hace nada forzado o extraño, como intentar editar el HTML en el sitio de producción directamente. Funciona directamente en el flujo de trabajo exactamente de la misma manera que lo haría si estuviera editando archivos en un editor de código y comprometiéndolos en Git.
Autenticación y Git
Utiliza Netlify CMS en su sitio de producción, lo que significa que necesita autenticación para que solo usted (y las personas que desee) tengan acceso a él. Netlify Identity lo hace muy fácil. Simplemente enciéndalo desde su configuración de Netlify y funciona.
Activé GitHub Auth para poder iniciar sesión con un solo clic.
La magia de Git ocurre a través de una tecnología llamada Git Gateway. No tiene que entenderlo (realmente no lo tengo), simplemente habilítelo en Netlify como parte de Netlify Identity, y forma la conexión entre su sitio y el repositorio de Git.
Ahora, cuando crea o edita contenido, los archivos Markdown reales se crean y editan (¡y cualquier otra cosa que esté involucrada, como imágenes!) y el cambio ocurre directamente en el repositorio de Git.
Hice este pie de página del sitio porque diablos, sí.
