Desarrollo de la Plataforma Corporativa ArauCode

Resumen General del Proyecto

El proyecto consistió en el diseño, desarrollo y despliegue de la plataforma digital oficial de ArauCode, una agencia de desarrollo web de vanguardia. El objetivo fue crear una experiencia de usuario excepcional que sirviera como vitrina técnica, demostrando nuestras capacidades en rendimiento, diseño moderno y arquitectura escalable.

La plataforma no es solo un sitio informativo; es una aplicación web de alto rendimiento construida con un enfoque "Content-led", donde la gestión de proyectos y servicios se realiza de forma dinámica. Se priorizó la velocidad de carga (Core Web Vitals), el SEO técnico y la interactividad fluida, logrando un producto que se adapta al 100% a cualquier dispositivo y preferencia visual (Dark/Light mode).

Herramientas y Características Clave

• Arquitectura Ultra-Rápida: Uso de Astro para lograr un tiempo de carga casi instantáneo mediante la generación de sitios estáticos (SSG) e hidratación selectiva.
• Experiencia de Usuario Inmersiva: Implementación de componentes de Aceternity UI y animaciones avanzadas con Framer Motion para una navegación fluida y moderna.
• Gestión de Contenido Dinámica: Implementación de Astro Content Layer API para gestionar el portfolio de proyectos mediante archivos Markdown, facilitando la escalabilidad del contenido sin tocar el código base.
• Comunicación Automatizada: Sistema de contacto robusto integrado con Nodemailer, que gestiona notificaciones en tiempo real y confirmaciones automáticas para los clientes.
• SEO & Visibilidad: Optimización avanzada con Schema.org, Meta-tags dinámicos y generación automática de Sitemaps para garantizar un posicionamiento orgánico competitivo.
• Infraestructura Cloud: Despliegue automatizado en Vercel, garantizando disponibilidad global, certificados SSL de alta seguridad y análisis de tráfico integrado.

Stack Tecnológico

Core Frontend

• Framework Principal: Astro 5.16 (SSG/SSR)
• Librería UI: React 19 para componentes interactivos.
• Lenguaje: TypeScript (Tipado estático para robustez del código).

Estilos y Animaciones

• CSS: Tailwind CSS (Utility-first design).
• Animaciones: Framer Motion 12 (Transiciones y efectos visuales).
• Componentes: Aceternity UI (Diseños premium y bento grids).

Backend & Servicios

• API & Serverless: Astro API Endpoints ejecutados en Vercel Edge Functions.
• Manejo de Correo: Nodemailer con integración SMTP segura.
• Gestor de Paquetes: Bun (Para una instalación y build ultrarrápido).

Infraestructura & DevOps

• Hosting: Vercel (Edge Network).
• CI/CD: GitHub Actions para despliegue continuo.
• Analytics: Vercel Web Analytics.