Big City Life - Astro Photography Portfolio

Big City Life - Portfolio de Fotografía Moderno

Big City Life es un portfolio de fotografía moderno construido con Astro, que presenta colecciones de contenido basadas en MDX, componentes interactivos con React y un diseño responsivo con Tailwind. Ofrece un rendimiento optimizado con generación estática, optimización de imágenes (WebP, lazy loading) y salidas listas para SEO (sitemap, RSS), además de características como carrusel vertical, búsqueda en tiempo real y navegación compatible con móviles.

Arquitectura del Proyecto

Este proyecto demuestra un portfolio de fotografía completo basado en Astro que combina la generación de sitios estáticos con gestión de contenido dinámico. La arquitectura sigue el sistema de enrutamiento basado en archivos de Astro y el patrón de colecciones de contenido.

Tecnologías Clave

• Astro 5.14.1 - Generador de sitios estáticos con renderizado híbrido
• React 19.1.0 - Componentes interactivos
• TypeScript - Seguridad de tipos y mejor DX
• Tailwind CSS 4.1.4 - Estilos utility-first
• MDX - Contenido híbrido Markdown + JSX
• Framer Motion - Animaciones suaves
• Iconify - Sistema de iconos vectoriales

Características Principales

Componentes Interactivos

• VerticalCarousel: Desplazamiento vertical suave de imágenes
• SearchBar: Búsqueda de contenido en tiempo real
• Hamburger Menu: Navegación móvil
• Responsive Gallery: Diseños de cuadrícula adaptativos

Optimizaciones de Rendimiento

• Generación Estática: Páginas pre-construidas para rendimiento óptimo
• Optimización de Imágenes: Formato WebP con lazy loading
• Code Splitting: Optimización automática de bundles
• SEO Ready: Generación automática de sitemap y RSS

Ideal para Fotógrafos y Creadores

Perfecto para fotógrafos y creadores que quieren mostrar su trabajo con cargas rápidas, animaciones suaves y gestión de contenido fácil.

Explora el Proyecto

• Demo en vivo: bigcitylife.netlify.app
• Repositorio en GitHub: Big City Life

---

Big City Life representa mi enfoque hacia el desarrollo web moderno: usar tecnologías como Astro para crear portfolios de fotografía que no solo son visualmente impresionantes, sino también técnicamente excelentes en términos de rendimiento y experiencia de usuario.