Evolucción de Portafolio: De API Externa a Arquitectura Agéntica Full-Stack Este proyecto es el resultado de un proceso de modernización profunda. Originalmente, el portafolio dependía del backend de Codepply, utilizando su API y plataforma propietaria para la gestión y subida de contenidos. Si bien era funcional, presentaba limitaciones en cuanto a flexibilidad, personalización de datos y control total sobre el rendimiento SEO. 🔄 El Reto de la Migración El principal objetivo fue internalizar toda la lógica del negocio. Realicé una migración completa hacia Next.js 16 y Supabase, transformando una herramienta de terceros en una solución Full-Stack propietaria. En este proceso, exploré nuevas fronteras de desarrollo: Integración MCP: Conecté el Model Context Protocol de Supabase para permitir que agentes de IA pudieran interactuar directamente con el esquema de la base de datos de manera segura. Desarrollo Agéntico: Experimenté con Antigravity y archivos de configuración específicos para agentes, optimizando el ciclo de vida del desarrollo y facilitando el mantenimiento automatizado. 🎨 Ingeniería Front-End y Experiencia de Usuario El Front-End ha sido rediseñado desde cero priorizando la escalabilidad y un "feeling" premium: Atomic Design: El proyecto sigue la metodología de diseño atómico, organizando la interfaz en Atoms, Molecules y Organisms. Esto garantiza que cada componente (desde un botón hasta el carrusel de imágenes) sea reutilizable y fácil de testear. Rendimiento con Next.js: Uso intensivo de React Server Components para minimizar el bundle enviado al cliente, resultando en tiempos de carga casi instantáneos. Interactividad Avanzada: Implementé un Carrusel personalizado y un sistema de Reveal-on-Scroll para guiar la atención del usuario sin comprometer la accesibilidad. CMS Privado: Desarrollé un panel administrativo a medida que incluye un Selector de Tecnologías inteligente (basado en un diccionario técnico) y gestión avanzada de subida múltiple de archivos a Supabase Storage. Ficha Técnica Mejorada Legacy Stack: Codepply API (Backend-as-a-Service externo). New Stack: Next.js 16 (App Router), React 19, Supabase (PostgreSQL + RLS), TypeScript. Frontend Core: Atomic Design, Tailwind CSS, DaisyUI, Next/Image Optimization. Agentic Dev: Supabase MCP, Antigravity, Custom Agent Configs.