Beginner Tech Blog

Beginner Tech Blog Branding

ファビコンの挙動

2025/01/28 15:14updated: 2025/02/04 01:19

以下の通り、app/トップディレクトリに配置すると、Next.jsが自動的にhead要素に追加してくれるとのこと。

Image files (.ico, .jpg, .png)
Use an image file to set an app icon by placing a favicon, icon, or apple-icon image file within your /app directory. The favicon image can only be located in the top level of app/.

Next.js will evaluate the file and automatically add the appropriate tags to your app's <head> element.

引用 https://nextjs.org/docs/app/api-reference/file-conventions/metadata/app-icons