Статические ресурсы

Next.js может обслуживать статические файлы, такие как изображения, в папке public в корневой директории. Файлы внутри public могут затем ссылаться в вашем коде, начиная с базового URL (/).

Например, если вы добавите me.png в папку public, следующий код получит доступ к изображению:

import Image from 'next/image'

export function Avatar() {
  return <Image src="/me.png" alt="me" width="64" height="64" />
}

Для статических файлов метаданных, таких как robots.txt, favicon.ico и т.д., следует использовать специальные файлы метаданных внутри папки app.

Важно знать:

• Директория должна называться public. Это имя нельзя изменить, и это единственная директория, используемая для обслуживания статических ресурсов.
• Только ресурсы, находящиеся в директории public во время сборки, будут обслуживаться Next.js. Файлы, добавленные во время запроса, не будут доступны. Для постоянного хранения файлов мы рекомендуем использовать сторонние сервисы, такие как AWS S3.