/Javascript/Next.js/Add favicon to next js static site

Add favicon to next js static site

1.Create a /static folder in project root. This will be added to the static export folder.
2.Add favicon file in /static folder.
3.Add _document.js to /pages/ folder according to documentation (nextjs.org) or documentation (github.com).
4.Add <link rel="shortcut icon" href="/static/favicon.ico" /> to head.
5.npm run build && npm run export

Source: stackoverflow.com

Add favicon to next js static site

<!DOGTYPE html>
<html>
<body>
  <h1>bonjour</h1>
  </body>
  </html>

Similar codes

1 vote232 views1 answer
Next js typescript command
Javascript Next.js
0 vote189 views1 answer
Next js styled components classname did not match
Javascript Next.js
0 vote227 views2 answers
How to reload page with router next js
Javascript Next.js
11 votes220 views5 answers
Next js create app
Javascript Next.js
0 vote195 views1 answer
Change next js default port
Javascript Next.js
0 vote199 views1 answer
Pass object to query on Router.push NextJs
Javascript Next.js
-1 vote228 views1 answer
Import css file in next js
Javascript Next.js
1 vote224 views2 answers
Next js ReferenceError: location is not defined
Javascript Next.js
0 vote186 views2 answers
Nextjs path alias
Javascript Next.js
0 vote189 views1 answer
Next js absolute path
Javascript Next.js