Big City Life - Astro Photography Portfolio
> Feedback is very welcome—please and thank you! Feel free to open an issue or submit a pull request with suggestions or improvements — jramma.com
A modern photography portfolio website built with Astro, featuring dynamic content management, interactive galleries, and responsive design.
See it deployed: bigcitylife.netlify.app
🚀 Architecture Overview
This project demonstrates a complete Astro-based photography portfolio that combines static site generation with dynamic content management. The architecture follows Astro's file-based routing system and content collections pattern.
Key Technologies
- Astro 5.14.1 - Static site generator with hybrid rendering
- React 19.1.0 - Interactive components
- TypeScript - Type safety and better DX
- Tailwind CSS 4.1.4 - Utility-first styling
- MDX - Hybrid Markdown + JSX content
- Framer Motion - Smooth animations
- Iconify - Vector icon system
🎨 Key Features
Interactive Components
- VerticalCarousel: Smooth vertical image scrolling
- SearchBar: Real-time content search
- Hamburger Menu: Mobile navigation
- Responsive Gallery: Adaptive grid layouts
Performance Optimizations
- Static Generation: Pre-built pages for optimal performance
- Image Optimization: WebP format with lazy loading
- Code Splitting: Automatic bundle optimization
- SEO Ready: Automatic sitemap and RSS generation
📄 License
This project is open source and available under the MIT License.
Created by jramma.com
_This project serves as an educational resource for photographers and developers looking to build modern, performant portfolio websites with Astro. Feel free to use it as a starting point for your own photography portfolio or as a learning resource for Astro development._
