Folio
CMS editorial para periodistas independientes con vista previa en vivo, MDX y publicación programada.
- Astro
- MDX
- Supabase
- TypeScript
- Vitest
- Cloudflare
Situación
Como proyecto personal, quise explorar cómo sería construir un CMS moderno para periodistas independientes, eliminando la fricción entre escribir un artículo y verlo exactamente como aparecerá publicado.
La idea parte de un problema habitual: redactar contenido en una herramienta, trasladarlo a un CMS y descubrir que el formato cambia o que la vista previa no representa el resultado final.
Tarea
Diseñar y desarrollar un CMS donde el editor y el lector compartan el mismo motor de renderizado, consiguiendo una experiencia WYSIWYG (“lo que escribes es lo que publicas”) sin pasos intermedios.
Acción
- Astro + MDX para que el editor y la página publicada utilicen el mismo sistema de renderizado. Un único render, dos vistas idénticas.
- Supabase para autenticación, gestión de usuarios, roles y almacenamiento de artículos, utilizando Row Level Security (RLS) para aislar los borradores de cada usuario.
- Vista previa lado a lado con el editor a la izquierda y el render exacto a la derecha, sincronizados mediante scroll.
- Publicación programada mediante cron jobs serverless ejecutados en Cloudflare Workers.
- Tests End-to-End con Playwright para validar el flujo completo de creación, edición y publicación de artículos.
Resultado
El resultado es un CMS funcional que demuestra una arquitectura moderna para plataformas editoriales, combinando autenticación, permisos, renderizado compartido, publicación programada y pruebas automatizadas.
Actualmente forma parte de mi portfolio como proyecto personal y está desplegado como una demo funcional.


