search

CodeWithAloha / website

Code With Aloha's official website
https://codewithaloha.org/
6 stars 9 forks source link

Utilize Vercel Image optimizations #16

Closed MichaelTamaki closed 1 year ago

MichaelTamaki commented 1 year ago

We should not be using img HTML tags like so: https://github.com/CodeWithAloha/CWAWebsite/blob/7b5d692840c932f290992ea22cfe9b81d60081fc/src/components/Logo.js#L11

Vercel comes with image optimization built-in.

Image Optimization helps you achieve faster page loads by reducing the size of images and using modern image formats.

https://vercel.com/docs/frameworks/nextjs#image-optimization

We can replace instances of img with Image from Vercel.

Edit 9/18/23: You can find these issues by running npm run lint!

kobebuckley commented 1 year ago

Thank you, { npm run lint } was a huge help in finding the issues!