perf(freeacademy): Add unoptimized prop to all webp Image components

Resolved 💬 3 comments Opened Dec 28, 2025 by MikeOuroumis Closed Feb 12, 2026

Summary

Add unoptimized prop to all Next.js Image components that use .webp files in the freeacademy-ai app to bypass Vercel's image optimization quota.

Background

Vercel's hobby plan has a limit of 1,000 optimized images per month. Since .webp files are already optimized, running them through Vercel's optimizer is unnecessary and consumes quota.

Files to update

  • src/freeacademy/components/Footer.tsx - logo.webp
  • src/freeacademy/components/navbar/Logo.tsx - logo.webp, logo-light.webp
  • src/freeacademy/components/certificates/CertificateTemplate.tsx - logo.webp (2 instances)
  • src/freeacademy/components/home/FeaturedCourses.tsx - course cover images

Implementation

Add unoptimized prop to each Image component using a .webp source:

<Image
  src="/images/logo.webp"
  ...
  unoptimized
/>

Related

This was already done for calisthenics app in commit f4a5a7b.

View original on GitHub ↗

This issue has 3 comments on GitHub. Read the full discussion on GitHub ↗