/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 vote309 views2 answers
Mongodb mongoose with next js connection
Javascript Next.js
0 vote188 views1 answer
Tailwindcsss next js change font
Javascript Next.js
0 vote143 views1 answer
Next config typescript
Javascript Next.js
43 votes356 views2 answers
Run nextjs in separate port
Javascript Next.js
0 vote170 views1 answer
How to update the react version in next js app
Javascript Next.js
0 vote178 views1 answer
Nextjs svg npm
Javascript Next.js
0 vote186 views1 answer
Router.push next js
Javascript Next.js
0 vote180 views1 answer
Head component nextjs
Javascript Next.js
11 votes327 views5 answers
Next js create app
Javascript Next.js
0 vote181 views1 answer
NextJs Scheduler
Javascript Next.js