Статические ресурсы | Next.js Русский

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

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

Avatar.js

import Image from 'next/image'

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

Эта папка также полезна для robots.txt, favicon.ico, Google Site Verification и любых других статических файлов (включая .html). Но убедитесь, что у вас нет статического файла с тем же именем, что и файл в директории pages/, так как это приведёт к ошибке. Подробнее.

Важно знать:

Директория должна называться public. Это имя нельзя изменить, и это единственная директория, используемая для обслуживания статических ресурсов.

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