next/image
Substituiremos as tags `<img>` pelas tags `<Image>` do Next.js para otimizar as imagens da nossa aplicação. Explicaremos como o `next/image` diminui as imagens para diferentes viewports e muda a extensão dos arquivos para WebP e Avif. Mostraremos como importar as imagens dinamicamente no código para que o Next Image saiba a largura e a altura da imagem.