静的アセット

Next.js では、ルートディレクトリのpublicというフォルダの下に、画像などの静的ファイルを置くことができます。public内のファイルは、ベース URL（/）から始まるコードで参照できます。

たとえば、publicの中にme.pngを追加すると、次のコードで画像にアクセスできます：

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などの静的なメタデータファイルについては、appフォルダ内の特別なメタデータファイルを使用する必要があります。

Good to know:

• ディレクトリ名はpublicでなければなりません。この名前は変更できず、静的アセットの提供に使用される唯一のディレクトリです。
• Next.js が提供するのは、ビルド時にpublicディレクトリにあるアセットだけです。リクエスト時に追加されたファイルは利用できません。永続的なファイルストレージには、AWS S3などのサードパーティサービスを利用することをお勧めします。