Michelangelo Del Valle Portfolio
Houston-based real estate firm needed a bilingual digital portfolio (English/Spanish) to showcase real estate developments, market studies with interactive maps, and company expertise, with minimalist design and optimized SEO.
Static website built with Astro 5.17 and TailwindCSS 4, data-driven architecture with TypeScript content, i18n system with URL routing (/en/*, /es/*), interactive maps with Leaflet, client-side sortable tables, scroll-based animations with IntersectionObserver, and monochromatic editorial design.
Astro SSG for maximum SEO
A real estate portfolio needs perfect indexing. Astro generates static HTML with minimal JavaScript, achieving Lighthouse 95+ and FCP <1s. A SPA would have sacrificed SEO for unnecessary interactivity in mostly static content.
Data-driven with TypeScript
Storing projects and market studies as TypeScript objects in src/data/ enables type-safety, IDE autocomplete, and content updates without touching templates. Client can add projects by editing a single file.
Leaflet for interactive maps
Market studies require geographic visualization of 150+ locations with categorized markers. Leaflet is lightweight (via CDN), open-source, and allows complete customization without Google Maps API costs.
High-performance digital portfolio with complete bilingual system, 4 market studies with interactive maps (150+ locations), dynamic sortable tables, minimalist design highlighting real estate projects, and data-driven architecture facilitating content updates without touching code.
Astro TypeScript Tailwind CSS Leaflet i18n