EnmaStudio: Ecosistema Digital Corporativo y CMS Híbrido

Resumen General del Proyecto

El proyecto consistió en el desarrollo integral de la plataforma digital de EnmaStudio, una agencia de ingeniería web a medida. La solución fue concebida como un sistema híbrido que combina una Landing Page de alto rendimiento (SSG) con un Panel Administrativo dinámico (SSR). El objetivo principal fue crear una vitrina profesional que gestione un portafolio dinámico, servicios y consultas de clientes de forma centralizada y segura.

La arquitectura destaca por su capacidad de respuesta y optimización SEO, integrando múltiples servicios de nube como Supabase para la persistencia de datos y Oracle Cloud (OCI) para el almacenamiento masivo de activos digitales. Es una plataforma 100% escalable que permite a la agencia actualizar su contenido sin necesidad de intervenciones técnicas en el código base.

Herramientas y Características Clave

• Arquitectura Híbrida Astro 5: Implementación de generación estática para las páginas públicas (velocidad de carga < 1s) y renderizado en el servidor para el panel administrativo protegido.
• CMS Administrativo Privado: Desarrollo de un panel de gestión a medida con autenticación JWT (HS256) y seguridad basada en cookies HTTP-Only, permitiendo la gestión CRUD completa de proyectos y servicios.
• Infraestructura de Datos Distribuida: Uso de Supabase (PostgreSQL) como motor de datos principal e integración nativa con OCI Object Storage mediante firmas digitales RSA-SHA256 para el manejo de media.
• UX Inmersiva y Moderna: Interfaz construida con Tailwind CSS 4 y Framer Motion, ofreciendo transiciones premium y una identidad visual coherente con el diseño tecnológico de la agencia.
• Comunicaciones Empresariales: Integración de Brevo (SMTP) para la gestión automatizada de leads y notificaciones transaccionales a través del formulario de contacto.
• Gestión de Contenido con Markdown: Soporte para renderizado de Markdown, LaTeX (Katex) y GFM, permitiendo descripciones técnicas ricas y formateadas en el portafolio.

Stack Tecnológico

Core Frontend & Rendering

• Framework: Astro 5.17 (Híbrido SSG/SSR).
• Librería UI: React 19 (Componentes interactivos).
• Lenguaje: TypeScript (Stricto, 100% tipado).

Backend & Cloud Services

• Base de Datos: Supabase (PostgreSQL + RLS).
• Cloud Storage: Oracle Cloud Infrastructure (OCI Object Storage).
• Email Engine: Brevo API / Nodemailer.
• Seguridad: Bcryptjs (Hashing de 12 rounds) y Jose (JWT).

Estilos y Animaciones

• CSS: Tailwind CSS 4.2 (Utility-first con motor Vite).
• Animaciones: Framer Motion 12.

Infraestructura & DevOps

• Hosting: Vercel (Edge Functions & Global CDN).
• Middleware: Sistema de protección de rutas para el área de administración.