Desarrollo de un CMS con Markdown notation basado en Node y litElement

Abstract

Este proyecto consiste en el desarrollo de una aplicación web CMS, enfocada a desarrolladores, que usa notación Markdown para la edición de los contenidos. La finalidad es crear un CMS ágil, basado en nuevas tecnologías que aprovechan al máximo los estándares implementados en los navegadores, y competir con otros CMS basados en lenguajes y librerías más tradicionales. El desarrollo del back-end se realiza en entorno Deno, creando una API para manejar los datos y guardarlos en una base de datos documental tipo MongoDb. El desarrollo de la programación front-end se programa con la librería LitElement, usando web components y CSS haciendo uso del ShadowDOM, para agilizar la gestión de estilos y dependencias. La metodología para el desarrollo de esta aplicación aplica el método SCRUM, en sprints de 15 días. El resultado es una aplicación con una interfaz privada que permite publicar contenido, en forma de posts, con textos e imágenes, usando notación Markdown. La organización del contenido es jerárquica en categorías, con la posibilidad de usar organización transversal en tags. Permite a su vez, confeccionar una portada pública configurable con contenidos destacados. En conclusión, este trabajo pretende demostrar que usando las últimas tecnologías se puede simplificar y usar más eficientemente los recursos nativos de los propios navegadores y que se puede crear un CMS usable, rápido y de fácil uso enfocado a usuarios habituados a escribir en notación Markdown.

Aquest projecte consisteix en el desenvolupament d'una aplicació web CMS, enfocada a desenvolupadors, que fa servir notació Markdown per a l'edició dels continguts. La finalitat és crear un CMS àgil, basat en noves tecnologies que aprofiten a l'màxim els estàndards implementats en els navegadors, i competir amb altres CMS basats en llenguatges i llibreries més tradicionals. El desenvolupament de l'back-end es realitza en entorn Deno, creant una API per gestionar les dades i guardar-los en una base de dades documental tipus MongoDB. El desenvolupament de la programació front-end es programa amb la llibreria LitElement, usant web components i CSS fent ús de l'ShadowDOM, per agilitar la gestió d'estils i dependències. La metodologia per al desenvolupament d'aquesta aplicació aplica el mètode SCRUM, en esprints de 15 dies. El resultat és una aplicació amb una interfície privada que permet publicar contingut, en forma de posts, amb textos i imatges, usant notació Markdown. L'organització de l'contingut és jeràrquica en categories, amb la possibilitat d'usar organització transversal en tags. Permet al seu torn, confeccionar una portada pública configurable amb continguts destacats. En conclusió, aquest treball pretén demostrar que usant les últimes tecnologies es pot simplificar i usar més eficientment els recursos nadius dels propis navegadors i que es pot crear un CMS usable, ràpid i de fàcil ús enfocat a usuaris habituats a escriure en notació Markdown.

This project consists of the development of a CMS web application, for developers, using Markdown notation to edit the contents and developed with modern technology. The purpose of this work is to create an agile CMS, based on new technologies that take full advantage of the native standards implemented in browsers, and compete with other CMS based on traditional languages and libraries.The back-end development is developed based in Deno library, making an API to handle the data and save it in a documental database as MongoDb. The front-end programming development is programmed with the LitElement library, using web components and CSS, using ShadowDOM to speed up the management of styles and dependencies. The methodology used for develop this application uses SCRUM method, in 15-day sprints. The result will be a web app with a private admin panel that allows to publish content, in the form of posts, with texts and images, using Markdown notation. The content organization is hierarchical in categories, with the possibility of using transversal organization in tags. At the same time, it allows creating a configurable public homepage with featured content. In conclusion, this work aims to demonstrate that using the latest technologies, it is possible to simplify and use the native resources of the browsers themselves more efficiently and that a usable, fast and easy-to-use CMS can be created for people used to Markdown notation.