CMS Express
Sistema de gestión de noticias full-stack con MongoDB Atlas
Descripción del Proyecto
Desarrollé CMS Express, un sistema completo de gestión de noticias que permite crear, editar y publicar contenido periodístico de manera eficiente. El sistema cuenta con un backend robusto y dos frontends especializados: uno para la administración del contenido (CMS) y otro para la visualización pública de las noticias en cdichile.org. La arquitectura está diseñada para ser escalable, con persistencia de datos en MongoDB Atlas y almacenamiento de imágenes en Cloudinary.
Arquitectura del Sistema
La aplicación utiliza una arquitectura de tres capas: Backend API RESTful en Node.js/Express desplegado en Render, Frontend administrativo (CMS) en Next.js 15 con App Router desplegado en Vercel, y Frontend público de noticias integrado en cdichile.org. El backend implementa autenticación JWT, middleware de seguridad con Helmet, rate limiting, y CORS configurado. El sistema de almacenamiento utiliza MongoDB Atlas para persistencia de datos (migrando desde archivos JSON), Cloudinary para gestión de imágenes, y un patrón de API centralizada con manejo de tokens. El CMS incluye formularios con validación mediante react-hook-form y Zod, gestión de estado con React Context para autenticación, y una interfaz moderna con Tailwind CSS y shadcn/ui.
Vista Desktop Completa
Características Técnicas Destacadas
Implementación de migración automática de datos desde JSON a MongoDB Atlas para evitar pérdida de información en deploys, sistema de autenticación simple pero seguro con JWT y variables de entorno, integración completa con Cloudinary para manejo de imágenes, soporte para embeds de YouTube en artículos, rate limiting y headers de seguridad con Helmet, modo claro/oscuro en el frontend CMS, componentes reutilizables con shadcn/ui, validación robusta de formularios con Zod, y despliegue continuo automatizado desde GitHub a Render y Vercel.
Detalles
Stack Tecnológico
Galería Adicional
