Next.js App Router の app/favicon.ico は自動で favicon metadata を生成する / PaPut

mizulba

約4時間前

Next.js App Router の app/favicon.ico は自動で favicon metadata を生成する

Next.js

SEO

frontend

Next.js App Router では app/favicon.ico などの特殊ファイルを置くと、HTML head に favicon 用の metadata/link が自動生成される。layout.tsx の metadata.icons でも favicon を明示すると link rel="icon" が重複することがある。favicon URL を1本に統制したい場合は、favicon 実体を public/favicon.ico などの通常静的ファイルとして配置し、metadata.icons から明示的に参照する構成にすると自動生成と競合しにくい。