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.webpsrc/freeacademy/components/navbar/Logo.tsx- logo.webp, logo-light.webpsrc/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.
This issue has 3 comments on GitHub. Read the full discussion on GitHub ↗