Primeiro, vamos falar sobre como o Next.js lida com recursos estáticos, como imagens.
O Next.js pode servir arquivos estáticos, como imagens, no diretório public. Os arquivos dentro de public podem ser referenciados a partir da raiz do aplicativo, semelhante as pages.
Se você abrir o pages/index.js no seu aplicativo e der uma olhada no <footer>, nos referimos à imagem do logotipo da seguinte forma:
Powered by <img src="..." alt="..." />A imagem do logotipo existe dentro do diretório public no nível superior do seu aplicativo.
O diretório public também é útil para robots.txt, Verificação do site do Google e outros ativos estáticos. Consulte a documentação de vinculação de arquivos estáticos para saber mais.
