NextJs — Image Optimization

Next.js has a built-in Image component that optimizes images automatically. It supports lazy loading and resizing on the fly.

import Image from 'next/image';

export default function Home() {
  return <Image src="/me.png" alt="Me" width={500} height={500} />;
}