Big City Life - Portfolio de Fotografia Astro

Big City Life - Portfolio de Fotografia Modern

Big City Life és un portfolio de fotografia modern construït amb Astro, que presenta col·leccions de contingut basades en MDX, components interactius amb React i un disseny responsiu amb Tailwind. Ofereix un rendiment optimitzat amb generació estàtica, optimització d’imatges (WebP, lazy loading) i sortides llestes per a SEO (sitemap, RSS), a més de característiques com carrusel vertical, cerca en temps real i navegació compatible amb mòbils.

Arquitectura del Projecte

Aquest projecte demostra un portfolio de fotografia complet basat en Astro que combina la generació de llocs estàtics amb gestió de contingut dinàmic. L’arquitectura segueix el sistema d’enrutament basat en fitxers d’Astro i el patró de col·leccions de contingut.

Tecnologies Clau

• Astro 5.14.1 - Generador de llocs estàtics amb renderitzat híbrid
• React 19.1.0 - Components interactius
• TypeScript - Seguretat de tipus i millor DX
• Tailwind CSS 4.1.4 - Estils utility-first
• MDX - Contingut híbrid Markdown + JSX
• Framer Motion - Animacions suaus
• Iconify - Sistema d’iconos vectorials

Característiques Principals

Components Interactius

• VerticalCarousel: Desplaçament vertical suau d’imatges
• SearchBar: Cerca de contingut en temps real
• Hamburger Menu: Navegació mòbil
• Responsive Gallery: Dissenys de quadrícula adaptatius

Optimitzacions de Rendiment

• Generació Estàtica: Pàgines pre-construïdes per a rendiment òptim
• Optimització d’Imatges: Format WebP amb lazy loading
• Code Splitting: Optimització automàtica de bundles
• SEO Ready: Generació automàtica de sitemap i RSS

Ideal per a Fotògrafs i Creadors

Perfecte per a fotògrafs i creadors que volen mostrar el seu treball amb càrregues ràpides, animacions suaus i gestió de contingut fàcil.

Explora el Projecte

• Demo en viu: bigcitylife.netlify.app
• Repositori a GitHub: Big City Life

---

Big City Life representa el meu enfocament cap al desenvolupament web modern: usar tecnologies com Astro per crear portfolios de fotografia que no només són visualment impressionants, sinó també tècnicament excel·lents en termes de rendiment i experiència d’usuari.