loke/lorenzoiovino.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
My personal website
45 commits 1 branch 0 tags 94 MiB
Find a file
Lorenzo Iovino 049c20a4b2 feat: implement automatic image optimization with Astro Assets 
- Configure content collections to use image() helper for type-safe image references
- Replace all <img> tags with <Image> component from astro:assets
- Migrate images from /public to /src/assets for automatic optimization
- Update blog posts to use relative paths in frontmatter (../../assets/photos/)
- Remove unused images and duplicates from /public folder
- Update Footer component to use optimized SVG icons
- Clean up manifest.json to use favicon.ico instead of deleted photos

Performance improvements:
- remote.jpg: 1.8MB → 128KB (93% reduction)
- me.png: 71KB → 12KB (83% reduction)
- Automatic WebP conversion
- Tree-shaking: only used images are optimized

/public folder reduced from 2.3MB to 32KB (only essential files)
Build output: 2.2MB with fully optimized images ready for S3 deployment
2026-01-08 17:52:58 +01:00
.github/workflows fix(ci): update pnpm version to 10.x and fix lockfile compatibility 2026-01-08 16:52:31 +01:00
.zed featmigrate from Angular to Astro static site 2026-01-08 16:46:17 +01:00
public feat: implement automatic image optimization with Astro Assets 2026-01-08 17:52:58 +01:00
src feat: implement automatic image optimization with Astro Assets 2026-01-08 17:52:58 +01:00
.biomeignore featmigrate from Angular to Astro static site 2026-01-08 16:46:17 +01:00
.env featmigrate from Angular to Astro static site 2026-01-08 16:46:17 +01:00
.gitignore feat: implement automatic image optimization with Astro Assets 2026-01-08 17:52:58 +01:00
.npmrc fix(ci): update pnpm version to 10.x and fix lockfile compatibility 2026-01-08 16:52:31 +01:00
.prettierignore featmigrate from Angular to Astro static site 2026-01-08 16:46:17 +01:00
.prettierrc.json featmigrate from Angular to Astro static site 2026-01-08 16:46:17 +01:00
astro.config.mjs feat: implement automatic image optimization with Astro Assets 2026-01-08 17:52:58 +01:00
biome.json featmigrate from Angular to Astro static site 2026-01-08 16:46:17 +01:00
package.json feat: implement automatic image optimization with Astro Assets 2026-01-08 17:52:58 +01:00
pnpm-lock.yaml feat: implement automatic image optimization with Astro Assets 2026-01-08 17:52:58 +01:00
README.md featmigrate from Angular to Astro static site 2026-01-08 16:46:17 +01:00
tailwind.config.js featmigrate from Angular to Astro static site 2026-01-08 16:46:17 +01:00
tsconfig.json featmigrate from Angular to Astro static site 2026-01-08 16:46:17 +01:00

README.md

lorenzoiovino.com

My personal website

This project is built with Astro and TailwindCSS.

Tech Stack

  • Framework: Astro - Static site generator
  • Styling: TailwindCSS - Utility-first CSS framework
  • Package Manager: pnpm
  • Language: TypeScript

🌐 Deployment

The site is configured to be deployed as a static site. The build output is in the dist/ directory.

Author

Lorenzo Iovino