/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

3 votes435 views1 answer
Next js typescript
Javascript Next.js
0 vote259 views1 answer
Next js styled components classname did not match
Javascript Next.js
-2 votes199 views3 answers
Google analytics nextjs
Javascript Next.js
48 votes445 views1 answer
Emmet not working in react nextjs
Javascript Next.js
1 vote278 views1 answer
Material ui icon nextjs
Javascript Next.js
11 votes439 views5 answers
Next js create app
Javascript Next.js
0 vote279 views1 answer
Next js absolute path
Javascript Next.js
1 vote420 views2 answers
Mongodb mongoose with next js connection
Javascript Next.js
0 vote268 views1 answer
Next js get request
Javascript Next.js
1 vote427 views2 answers
History.push in nextjs
Javascript Next.js